网页设计HTML篇常用HTML标签

前言:

上一节我们一起了解了什么是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="


转载请注明:http://www.aierlanlan.com/grrz/931.html

  • 上一篇文章:
  •   
  • 下一篇文章: