HTML简单介绍

且视他人之疑目如盏盏鬼火，大胆地去你的夜路。

目录

1.网页

2.Web标准

3.HTML

3.1HTML结构

3.2HTML标签​编辑

4.标签介绍

4.1排版标签

4.2文本格式化标签

4.3媒体标签

4.3.1图片标签

4.3.2 音频标签

4.3.3视频标签

5.相对路径

6.链接标签

6.1target属性

7.列表标签

7.1无序列表

7.2有序列表

7.3自定义列表

8.表格标签

8.1表格相关属性

8.2表格标题和表头单元格标签

8.3表格头部，主体，底部

8.4合并单元格

9.input系列标签

9.1type属性值

9.2radio:单选框

9.3multiple多选文件

9.4表单域

10.button按钮标签

11.select下拉菜单标签

12.textarea文本域标签

13.label标签

14.布局标签div和span

14.1没有语义的

14.2有语义的布局标签

15.常见字符实体

---

1.网页

组成：文字，图片，音频，视频，超链接

2.Web标准

3.HTML

超文本标记语言

3.1HTML结构

网页可以看成是一篇文章

如：整体，头部，标题，主体

3.2HTML标签

分类：标签名，开始标签，结束标签，单标签

标签和标签的关系：嵌套和并列

网页中的固定结构是通过特点的HTML标签进行描述的

4.标签介绍

4.1排版标签

标题标签(标签)

段落标签(

)特点：段落之间有间隙，独占一行

换行标签(
)

水平线标(

---

)

4.2文本格式化标签

加粗：

下划线：

倾斜：

删除线：

4.3媒体标签

4.3.1图片标签

4.3.2 音频标签

4.3.3视频标签

5.相对路径

(上级目录，下级目录，当前目录)

比如在src当中，需要给出路径，找到对应的资源名称

./是当前目录

../是上级目录

下级目录直接输入要进入目录名字即可

6.链接标签

6.1target属性

---

---

---

7.列表标签

使用场景：1.规整2.一行3.一列

7.1无序列表

• 

  7.2有序列表

  2. 

     7.3自定义列表

     

     需要注意的是，这种形式的需要css来进行美化

     8.表格标签

     

     

     

     此时进行观察，发现还没有表格的形式

     但是给表格进行相关属性的添加之后，就会有表格的形式了

     8.1表格相关属性

     

     

     8.2表格标题和表头单元格标签

     

     8.3表格头部，主体，底部

     

     

     8.4合并单元格

     

     1.在代码中删除李四的成绩，然后在张三对应的成绩列中添加属性。rowspan="合并的单元格个数"

     注意点：

     

     ---

     ---

     ---

     

     9.input系列标签

     9.1type属性值

     

     9.2radio:单选框

     

     9.3multiple多选文件

     

     9.4表单域

     form表单，用来建立input标签之间的关系

     当type属性值为submit，reset和button时，需要form表单用来建立input标签之间的关系

     

     10.button按钮标签

     和input标签类似，但是button可以和css进行按钮美化，功能更强

     

     11.select下拉菜单标签

     select标签，下拉菜单的整体

     option标签，下拉菜单的每一项

     selected:下拉菜单默认选中

     

     12.textarea文本域标签

     最后是正方形，且可以进行拖拽，在css当中会禁用掉拖拽功能

     在页面当中，如何做到单选框和选择项的内容都可以被选择，就要谈到我们的label标签了

     13.label标签

     

     方式2：

     

     14.布局标签div和span

     14.1没有语义的

     

     14.2有语义的布局标签

     

     15.常见字符实体

     结构 空格