前端笔记1

关于HTML学习笔记

一、HTML简介

HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标记语言。它使用一系列标签来描述网页的内容和结构。HTML文档通常以.html或.htm为扩展名。

二、HTML基本结构

一个基本的HTML文档包含以下部分：1. 文档类型声明（DOCTYPE）：告诉浏览器这是一个HTML5文档。2. HTML元素：包含了整个HTML文档的内容。3. head元素：包含了文档的元数据，如标题、字符集等。4. body元素：包含了可见的网页内容，如文本、图片、链接等。

三、常用HTML标签

1. 标题标签（h1-h6）：定义标题的大小，h1最大，h6最小。2. 段落标签（p）：定义一个段落。3. 链接标签（a）：创建一个链接，href属性指定链接的目标地址。4. 图像标签（img）：插入一张图片，src属性指定图片的源文件。5. 无序列表标签（ul）、有序列表标签（ol）、列表项标签（li）：创建列表。6. 表格标签（table）、表头标签（th）、表格行标签（tr）、表格单元格标签（td）：创建表格。7. 表单标签（form）：创建一个表单，可以包含输入框、按钮等表单控件。8. 输入框标签（input）：创建一个输入框，type属性指定输入框的类型，如文本、密码、邮箱等。9. 按钮标签（button）：创建一个按钮，value属性指定按钮上显示的文本。10. div标签：一个块级容器元素，用于对网页内容进行布局。

四、HTML属性

HTML标签可以包含一些属性，用于修改标签的行为或样式。属性通常放在开始标签中，以键值对的形式出现，如：`<p class="myClass">`。

五、HTML实体

HTML实体用于在文本中插入不可打印的字符，如空格、换行符等。常用的HTML实体有：1. `&nbsp;`：空格2. `&lt;`：小于号（<）3. `&gt;`：大于号（>）4. `&amp;`：和号（&）5. `&quot;`：引号（"）6. `&#xhh;`：16进制编码的字符，如`&#x20`表示空格。

六、HTML注释

注释用于为代码添加说明，不会被浏览器解析和显示。有两种注释方式：1. 单行注释：`<!-- 这是一个注释 -->`2. 多行注释：`/* 这是一个多行注释 */`