web html常用标签含义,WEB前端开发之HTML：常用标签知多少

今天来介绍一下html常用标签

基本结构

标题元素

●

~

标签用于定义标题

其中

的重要性最高,而

的重要性最低。(权重)

●

标签通常用于最顶层的标题。

●一个html文档之中一般只有一个

标题

段落元素

●

标签用于定义段落,浏览器会自动在其前后创建一些空白。

●

中的文字行数取决于浏览器窗口的宽度。(随着大小换行)

●

中的连续空格最终都将解析成一个空格。

Div标签无语义 可嵌套

●div是division的含义,用来划分区域,代表网页中的块,所以一般把它叫做块标签。

●div标签通常用于包围大块内容,它没有任何特殊的含义。

●div适合作为最通用的页面容器。

●div是块级元素

无论内容长度  占满一行

span标签无语义

span是内联标签,用在一行文本中,用来修饰文字。

span是内联元素

链接

●链接是HTML页面非常重要的一环,如果没有链接,每个HTML页面将会孤

独的存在,与其它页面将不会有联系。

链接标签

●标签是anchor的缩写,用于定义网页链接。

链接属性

●src属性表示链接的地址,可以是相对地址或者绝对地址。

●target属性表示点击链接后打开的方式,默认值为

”self”,代表在当前窗口打开新链接,除此之后,还可以设置成“blank”,代表在新的窗口中打开。

图片标签

●img标签用于定义一-张图片,属于单标签结构，它有两个属性, src代表图片的地址, alt属性代表当图片无法显示时的替代文本。

●图片的地址可以使用相对路径,也可以使用绝对路径。

●alt属性不要省略,目的是为了更好的兼容无图浏览器,图片会提示成alt属性内的文字。

Title 可以显示把鼠标放在图片上的文字

●在img标签上,还可以通过增加height属性和width属性来设置图片的宽度和高度。

列表

无序列表

使用标签定义无序列表，标签定义列表项,无序列表的含义是列

表项内容没有前后顺序。

●可以在ul标签上使用type属性定义图形符号的样式,当属性值为disc时,显示为点;当属性值为square时,显示为方块;当属性值为circle时,显示为圆。

示例:

•  .
• 华为手机
• 华为电脑
• 华为手表

有序列表

●使用

1. 标签定义有序列表,
2. 标签定义列表项,有序列表的每一项有顺序含义。

   ●有序列表的前缀通常为数字或者字母。

   示例:

   1. 魔兽争霸
   2. 星际争霸
   3. 暗黑破坏神

   自定义列表

   ●使用

   定义标题,用

   定义列表项。

   ●

   ●

   (定义列表中的项目)和

   (描述列表中的项目)

   示例:

   辽宁省

   沈阳市

   大连市

   鞍山市

   书山有路勤为径，学海无涯苦作舟！