《Html》前端学习笔记

HTML是什么超文本标记语言，一个网页在不同的地方使用不同的标签去标记一个网页的组成：HTML+CSS+JavaScript（JS、JQuery） HTML：结构；网页显示什么内容由HTML来决定CSS ：层叠样式；决定这个网页好不好看（颜色、大小、尺寸） Javascript：行为、动态HTML的基本结构： 声明文档类型，doctype不区分大小写，没有5 ：是整个文档的根节点，它包含了两个子节点：主要描述文档设置信息，比如字符集（有utf-8） ，标题title ：是文档的主体，需要呈现的内容HTML，全称HyperText Markup Language，即超文本标记语言，是构建网页内容的基础。它是一种标记语言，通过一系列预定义的标签来描述网页的结构和内容。HTML与CSS（Cascading Style Sheets）和JavaScript一起构成了网页开发的核心技术。HTML负责网页的结构，CSS负责网页的样式，而JavaScript则负责网页的交互和动态效果。 HTML的基本结构通常以``开头，声明文档类型。接着是``元素，它是整个文档的根节点。``内有两个重要的子节点：``和``。``包含了元信息，如字符集设置（如``），文档标题（``）以及外部资源的链接（如样式表``）。``则承载着网页实际展示的内容。 HTML中的标签分为块级元素、行内元素和行内块级元素。块级元素如``、``-``、``、``、``、``、``等，它们占据整行，可以设置宽高，常用于构建网页布局。行内元素如``、``、``、``等，它们与其他元素共享一行，不能设置宽高。行内块级元素如``、``、``、``、``、``，它们能设置宽高但仍然可以与其他元素并排显示。 HTML的语义化标签，如``、``、``、``、``、``等，有助于提高网页的可读性和可访问性，使得搜索引擎更容易理解网页内容，并有利于屏幕阅读器为视觉障碍用户朗读网页。超链接``元素使用`href`属性定义链接的目标，`target`属性控制链接打开的方式，例如`_self`、`_blank`、`_parent`和`_top`。``标签还有`title`属性用于鼠标悬停时显示提示信息，`alt`属性用于图片加载失败时显示的替代文本。``标签还可以实现页面内部跳转，通过锚点`#id`进行定位。列表有两种类型：有序列表``和无序列表``，它们都包含``元素。自定义列表``由``（定义术语）和``（定义描述）组成。通过CSS可以去掉列表的默认样式，如`list-style: none;`。表格``由``（表格标题）、``（表头）、``（主体数据）和``（表尾）组成。``定义表格行，``和``定义单元格，其中``通常用于表头，具有加粗样式。`rowspan`和`colspan`属性用于合并单元格。表单``用于收集用户输入，`action`属性定义提交的URL，`method`属性设置提交方式，如`GET`和`POST`。`GET`方法将数据附在URL后面，安全性和数据量有限制，而`POST`方法将数据放在请求体中，更安全且数据量无明显限制。表单控件如``、`maxlength`、`size`、`value`和`id`属性用于定义文本框的特性。这些只是HTML前端开发中的一部分基础知识，实际开发中还包括更多复杂的概念和技术，如响应式设计、事件处理、DOM操作、Ajax异步通信等。不断学习和实践，才能成为一名熟练的前端开发者。