火星人快乐学习网

火星人快乐学习网

常用的HTML的标签介绍

标题标签

<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>


为了使网页更具有语义化,我们经常会在页面中使用标签,HTML提供了六个等级的标签,即

h1 h2 h3 h4 h5 h6,是使用的 head 这个单词的首字母 h 作为的标签名

一般我们不常用 h1 因为h1一般是给logo或者title使用的


段落标签

<p></p>

paragraph 段落


为了使文章有条理,结构清楚,都离不开段落标签的使用


水平线标签

<hr />

horizontal 横线,水平线


网页中可以用来分割出两个块,两个区域,两个段落之类的


换行标签

<br />

break 打断,换行


有些时候需要文章强制换行时可以使用这个换行标签

注意:换行标签的两行之间的间距是段落标签两行间距的一半


div标签

<div></div>

divisio 分割、分区


网页中一般用来进行网页布局


sapn标签

<sapn></span>

span 跨度、跨距、范围


span一般也是用来帮助布局的标签


文本格式化标签

<i></i> <em></em> <s></s> <del></del> <b></b> <strong></strong> <u></u> <ins></ins>

文字以 斜体方式 加删除线方式 粗体方式 加下划线方式 显示


现在更注重标签的语义化,就是要见名知意,所以现在一般用后者标签


图像标签

<img />

image 图像


在网页想要显示图片,就必须使用图像标签


它有几个属性分别是:

图像的路径 src,图像不能显示时的替换文本 alt,鼠标悬停时显示的内容 title,设置图像的宽度 width,设置图像的 高度 height,设置图像边框的宽度 borde


一般图片的宽高都是用css来设置


链接标签

<a></a >

anchor 锚,铁锚


网页有许多的链接标签,点击这个链接就能跳转到自己想要看的页面,非常的方便


<a href="跳转目标" target="目标窗口的弹出方式">链接的文本或图像</a>


href:用于指定链接目标的url地址,是Hypertext Reference的缩写,意思是超文本引用。只有使用这个属性,标签才具有链接功能


target:用于指定链接页面的打开方式,其取值有**_self**和 _blank两种,self表示在本窗口中打开链接页面,blank表示在新窗口中打开


链接的分类:


1.外部链接 :需要添加**http://**的域名,如 <a href="http://www.baidu.com/">百度</a>


2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称,如<a href="index.html">内部链接</a>


3.空连接:如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href=“#”),表示该链接暂时为一个空链接。


或者设置href属性值为"javascript:;" 两者的区别:前者当页面出现滚动条时,点击会滚动到页面顶部,后者不会



发表评论: