首页 HTML/CSS html中四大常用标签详解...

html中四大常用标签详解

作者:

修改日期:

html标签有很多了,但是其中有四大标签是最常见,使用频率最高的,这几个标签分别是html标题、html段落、html链接、html图像,下面让我们一起去学习下这几个标签的具体使用和注意事项。

html标题

顾名思义,html标题标签就是为了表示网页中的站点标题、文章标题、段落标题等元素的,html标题有6个登记,分别是以下几种表示方法:

  1. <h1>这是标题1</h1>  
  2. <h2>这是标题2</h2>  
  3. <h3>这是标题3</h3>  
  4. <h4>这是标题4</h4>  
  5. <h5>这是标题5</h5>  
  6. <h6>这是标题6</h6>  

6个标题级别字体大小从h1到h6依次减小,权重也依次降低,所以在我们的文章中应尽量合理使用标题标签,让我们重要的文章标题或是段落标题使用权重高的标题标签,但是为了文章的美观和可读性,一定要把握度,合理才是SEO 优化的终极追求。

html段落

html段落时表示文章里面的段落的,之所以你看到的文章有条理,就是因为段落标签的应用,html段落标签表示为:

  1. <p>这是一个html标签表示段落</p>  

html段落标签使用方法很简单,<p></p>在开始标签和闭合标签之间放上想显示的段落即可。

html链接

网站是由很多歌网页组成的,而很多个网页都是用html链接标签进行合理的组合在一起的,html链接的表示标签为a标签,我们用学建站给这边文章创建一个超级链接,例如:学建站当你点击学建站这三个字的时候,就会在新窗口打开学建站的首页,这就创建了一个超级链接,下面我们看下这个超练级的代码表示方法:

  1. <a href=“http://www.xuejianzhan.com/” title=“学建站” target=“_blank”>学建站</a>  

html图像

如果你的网站里面全部都是文字,可能显得很专业,但是会让你的用户观看的时候产生审美疲劳,最好的方法是能够在文章适当的位置插入图片,图文并茂一定会提高你网站的pv和转化率的,比如,我现在插入一个图片:

这样看起来是不是更美观些呢,让我们看下这个图片的html标签吧:

  1. <img src=“http://www.xuejianzhan.com/wp-content/uploads/2012/07/20071125202428136_2-300×225.jpg” alt=“” width=“300” height=“225” />  

让我解释下,网页中插入图片的标签式这样的:<img src=”http://www.xuejianzhan.com/wp-content/uploads/2012/07/20071125202428136_2-300×225.jpg” alt=”” width=”300″ height=”225″ />其中的alt属性石替换文本,当你的图片延迟加载的时候会第一个显示出来,而后面的width=”300″ height=”225″分别是显示图片的宽度和高度,是可以自定义的。

上一篇文章怎么创建一个html文档
下一篇文章域名概述