今天来介绍一下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时,显示为圆。
示例:
.华为手机华为电脑华为手表
有序列表
●使用
标签定义有序列表, 标签定义列表项,有序列表的每一项有顺序含义。
●有序列表的前缀通常为数字或者字母。
示例:
魔兽争霸星际争霸暗黑破坏神
自定义列表
●使用
定义标题,用定义列表项。
●
●
(定义列表中的项目)和(描述列表中的项目)
示例:
辽宁省沈阳市大连市鞍山市
书山有路勤为径,学海无涯苦作舟!