HTML--网页的结构

    HTML是网页的结构,CSS是网页的外观,JavaScipt是网页的行为。

        HTML是一种超文本标记语言超文本指的是超链接标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成。

标题标签

段落标签

图片标签

文本标签

换行标签

html标签特点:

          html的标签大部分是成对出现的,少量是单个出现的。

          特定标签之间可以相互嵌套,嵌套就是指一个标签里面可以包含一个或多个其他的标签,包含的标签和父标签可以是同类型的,也可以是不同类型的:

.....

.....

.....

.....


HTML基本结构:


HTML--网页的结构_第1张图片
html基本结构

html块、含样式的标签:

          1.div标签 -- 块元素:表示一块内容,没有具体的语义

          2.span标签 -- 行内元素:表示一行中的一小段内容,没有具体的语义。

含样式和语义的标签:

         1、em标签: 行内元素,表示语气中的强调词

         2、i标签: 行内元素,原本没有语义,w3c强加了语义,表示专业词汇

         3、b标签: 行内元素,原本没有语义,w3c强加了语义,表示文档中的关键字或者产品名

         4、strong标签: 行内元素,表示非常重要的内容

         5、sup标签:可定义上标文本

         6、sub标签:可定义上标文本

         7、del标签:删除字

ul、li标签是表示列表,a标签表示链接,dl、dt、dd表示定义列表等

定义列表通常用于术语的定义。

标签表示列表的整体。                                                  

                                                  

标签定义术语的题目。                                                 

                                                  

标签是术语的解释。一个中
可以有多个题目和解释

HTML--网页的结构_第2张图片
有序列表和无序列表

table常用标签:

1、table标签:声明一个表格

2、tr标签:定义表格中的一行

3、td和th标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格

table常用属性:

1、border 定义表格的边框

2、cellpadding 定义单元格内内容与边框的距离

3、cellspacing 定义单元格与单元格之间的距离

4、align 设置单元格中内容的水平对齐方式,设置值有:left | center | right

5、valign 设置单元格中内容的垂直对齐方式:top | middle | bottom

6、colspan 设置单元格水平合并

7、rowspan 设置单元格垂直合并

标签:来定义表单区域整体


表格常用样式属性

border-collapse:collapse设置边框合并,制作一像素宽的边线的表格

就算跌倒,也要豪迈的笑

你可能感兴趣的:(HTML--网页的结构)