前言:
上一节我们一起了解了什么是HTML,大家对HTML的框架有了一定的了解,这一章节来介绍一下HTML的常用标签,教大家做出一个结构分明的网页。点击下方链接可以查看前面的章节:
第一节:初识HTML
1
HTML篇
第二节:HTML常用标签
1
块级标签
(1)标题标签:hx/hx
其中x为数字1-6
下面为标题标签:
h1标题/h1
h2标题/h2
h3标题/h3
h4标题/h4
h5标题/h5
h6标题/h6
下面是执行效果:
(2)列表标签
无序列表:
ul
li苹果/li
li香蕉/li
li梨子/li
/ul
下面是执行效果:
有序列表:
ol
li苹果/li
li香蕉/li
li梨子/li
/ol
下面是执行效果:
定义列表:
dl
dt水果/dt
dd苹果/dd
dd香蕉/dd
dd梨子/dd
/dl
下面是执行效果:
(3)表格标签
table.../table:定义表格
th.../th:定义表格的标题栏
tr.../tr:定义表格的行
td.../td:定义表格行中的单元格
代码图:
下面是执行效果:
虽然现在效果很丑,但是后续学习css之后,我们也能做出各种超美的表格
(4)段落标签和水平线标签
p这是一个段落标签,下面是水平线标签/p
hr/
下面是执行效果:
2
行内标签
(1)超链接和图片标签
ahref="