xhtml的常用标签介绍


我们来简单介绍一下xhtml的常用标签。
1.段落<p>


  段落标签<p>和</p>,在它们中间放上段落的内容,它就形成一个自然段,浏览器在默认情况下会给每个<p>打头的自然段上下两面加上一些空白让段与段之间更加明晰。比如:


<p>阿邦网,生活好帮手!</p>

 

2.标题<h1>--<h6>


  网页里的标题有六个级别, 即h1~h6,h1是一级标题,以此类推到h6就是六级标题,字体也是由h1排到h6,即由大到小,如果说你觉得六个不够用,非要定出个h7、h9,那么抱歉,只能想其他办法了。


<h1>这是一级标题</h1> 效果相当于30像素的粗体字
<h2>这是二级标题</h2> 效果相当于24像素的粗体字
<h3>这是三级标题</h3> 效果相当于18像素的粗体字
<h4>这是四级标题</h4> 效果相当于16像素的粗体字
<h5>这是五级标题</h5> 效果相当于13像素的粗体字
<h6>这是六级标题</h6> 效果相当于10像素的粗体字


  它的上下两面和<p>一样都添加了空白。


3.换行<br />


  在一个自然段里,也就是在代码的<p>和</p>之间,我们想另起一行而不是另起一段的时候需要插入一个换行标签<br />,从以前的文章里我们可以知道它是一个空标签,需要用“/”来将它关闭。


<p>我在天涯论坛看到阿邦网的广告啦<br />看小窗口,游大世界<br /></p>

 

4.水平分割线<hr />


  在一大段一大段的文章中间,有时候需要加入一条华丽的分割线来增加美观性,让文章看起来更舒服。这时候<hr />就能“制造”出那条分割线了,<hr />和<br />一样是空标签,需要“/”来关闭一下。


5.区块DIV


  DIV是我们以后经常会用到的标签之一,它可以定义一个区块,里面包含段落、标题、表格等等内容,它最常与id和class一起出现,用它们来定义自己的样式。


<div id="wrap"><div class="redbg"><p>阿邦网,生活好帮手。</p></div></div>

6.引用定义span
  span自身没有什么意义,但它可以通过借用id或class赋予他们的样式来呈现出一种特定的样子,可以说span在xhtml中就是扮演一种“打杂者”的身份,比如上面在标题中说到的h1~h6不够的时候还需要其他样式字体的话就可以用span来单独定义了,比如:
<span style="font-size:46px;color:red;">特殊定义的46像素字体</span>
7.注释<!---->
  注释可以让xhtml中一些代码不被解析到网页中,只能在源代码中查看,这样做能让我们查看网页代码时觉得层次清晰。只要在<!--和-->之间加入要注释的内容即可


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3