HTML中常用标签总结

目录

行内元素

a标签

img标签

span标签

块级元素

div标签

p标签

hn标签

ol标签

         ul标签


行内元素

行内元素:指不会自动换行,不满副标签。

a标签

格式:<a href ="网址" target="_self"> 内容 </ a>
作用:为一对尖括号中的内容添加超链接,超链接指向输入的网址,方式为target所定义的形式。
用法:a标签中,有href与target两项标签属性值,分别对应网址与弹出方式。其中,target分为原页面弹出_self与新页面弹出_blank,其中,默认为原页面弹出。

img标签

格式:<img src="图片存储位置" / >
作用:在网页中添加所需图片。
用法:img标签中的src标签属性值需要明确指定图片所在位置,否则就会出现图片无法显示的问题。通常,我们会使用title标签属性值,来描述图片,即光标悬浮在图片上时,会出现描述内容;以及alt标签属性来设置图片不存在时替代文本,该属性的显示效果与浏览器以及浏览器版本有关。

span标签

格式:< span>文本内容</ span >
用法:span标签没有固定的格式表现,只有对它应用CSS样式时才会产生视觉上的变化。
作用:常用于组合文档中的行内元素,通常用于当使用CSS样式改变所组合文档中的元素的样式,使其丰富。
 

块级元素

块级元素:自动分行,占满整个网页副标签。

div标签

格式:<div>代码段</div>
用法:将所需要的一段代码与其他代码进行分段,使其区域结构框架完整且有序。
作用:使代码结构清晰,样式更加美观。初期设计概念如下图所示:将网页分为头部,中部与下部,使其美观,更具有层次感与条理性。

p标签

格式:<p>代码段</p>
用法:p标签为段落标签,通常用于文本的自动分段,每一段文字使用一对p标签。其中,标签属性如下:
align.

hn标签

格式:<hn></hn>标题标签
用法:n的值为1~6,其中

定义最大的标题; 定义最小的标题,常用标签属性:
align

ol标签

格式:

<ol type="" start="">
	<li></li>
	<li></li>
	<li></li>
</ol>

用法:在一对ol尖括号之间插入若干行li尖括号,li尖括号之间输入所要显示的内容,即可完成一个有序列表的设置。其有两个标签属性:type与start。
其中,type指定ol子标签li的编号类型,其属性值有:

start指定ol子标签li序号起始点默认为1,必须为整形数字

作用:创建一个有序列表。

ul标签

格式:

<ul type="">
	<li></li>
	<li></li>
	<li></li>
</ul>

用法:在一对ol尖括号之间插入若干行li尖括号,li尖括号之间输入所要显示的内容,即可完成一个有序列表的设置。由于该列表为无序列表,所以不存在顺序,也就没有start标签属性,因此只有一个标签属性:type,其标签属性值为:

作用:创建一个无序列表。

猜你喜欢

转载自blog.csdn.net/m0_46383618/article/details/107472772