当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > XHTML入门学习教程:XHTML常用标签

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 XHTML入门学习教程:XHTML常用标签


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 69 ::
收藏到网摘: n/a


就像一篇文章一样,我们的网页也要段落分明,也需要重要程度不同的标题。本节就将介绍XHTML中实现标题、段落等功能的常用签.. 标题标签<h1>到<h6>
定义标题,我们可以使用从<h1>到<h6>这几个标签,它们对应的终止标签分别为</h1>到</h6>,其中<h1>到<h6>字号顺序减小,重要性也逐渐降低。浏览器将在标题的上面和下面自动各空出一行。 段落标签<p>
定义段落使用<p>和</p>,在<p>和</p>之间的内容会被识别为一个段落,它就类似我们通常所说的一个“自然段”。与标题类似,浏览器也会在段落的开始之前和结束之后各加一行空白。 换行标签<br />(<br>)
当我们在想另起一行书写文字却又不希望另起一个自然段的时候,我们就可以应用<br />标签了。<br>标签也是一个空标签,需要加上一个"/"以符合XHTML的要求。 水平分割线标签<hr />(<hr>)
实现水平分割线的标签是<hr />。和<br>标签一样,<hr>也是一个空标签,为了遵守XHTML的规则,需要加上一个"/"。(下面就是一条分割线)
注释<!-- -->
合理利用上面介绍的四个标签可以使浏览你网页的用户觉得网页的层次清晰,而注释则可以使你在阅读自己的网页源代码时感觉层次清晰,不至于摸不着头脑。在<!--和-->之间的东西就是注释的内容,它们将不会在网页上显示。看看我们如何在下面的练习实例中插入注释。 练习实例
现在打开我们在上一节保存的网页,练习一下本节学习的几个重要标签。将<body></body>中的“这是我的第一个<b>网页</b>。”去掉,输入以下内容:                          <h1>服务公告</h1><!--练习标题的使用,看看字号是不是变大了? -->
<hr /><!--水平分割线,别忘了那个"/" -->
<h2>本人现面对全国的小学生及家长同志提供如下服务:</h2><!--2号标题,看看字号是不是比1号标题小 -->
<h3>针对学生的服务</h3>
<p>
代写寒暑假作业(数学不保证没有错题,语文不保证没有错字,英语作业你找别人吧)
<br />帮忙欺负四年级以下同学,特体须加收费用。
<br />家长会帮忙冒充家长。
</p><!--上面的内容是一个段落 -->
<h3>VIP服务</h3>
<p>凡购买所有三项服务者即自动升级为VIP。我们将免费为您制作个人主页,完全符合W3C的XHTML标准和ISO2009~。</p>
<!--这里网页虽然层次还算比较分明,可是你是不是觉得界面实在是很难看和简陋呢?比如说行与行之间没有空隙,一号标题
太大了。关于定义网页外观的方法将在稍后的CSS教程中介绍。忘了说主要内容了,注释不会出现在网页上,所以
我们可以在这里打许多废话。不过在以后网页设计的过程中尽量写一些有提示作用的注释。-->             
保存修改后浏览网页,确认一下你的网页和这个页面相同,完工。