XHTML入门学习教程:XHTML常用标签

所属分类: 网页制作 / HTML/Xhtml 阅读数: 2005
收藏 0 赞 0 分享

就像一篇文章一样,我们的网页也要段落分明,也需要重要程度不同的标题。本节就将介绍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教程中介绍。忘了说主要内容了,注释不会出现在网页上,所以
我们可以在这里打许多废话。不过在以后网页设计的过程中尽量写一些有提示作用的注释。-->
保存修改后浏览网页,确认一下你的网页和这个页面相同,完工。
更多精彩内容其他人还在看

浅谈HTML代码中的空格和空行

下面小编就为大家带来一篇浅谈HTML代码中的空格和空行。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

全面了解html.css溢出

下面小编就为大家带来一篇全面了解html.css溢出。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

htm初学笔记(新手必看)

下面小编就为大家带来一篇htm初学笔记(新手必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中文件上传时使用的<input type="file">元素的样式自定义

这篇文章主要介绍了HTML中文件上传时使用的<input type=
收藏 0 赞 0 分享

关于input的file 控件及美化

下面小编就为大家带来一篇关于input的file 控件及美化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Html/Css(新手入门第一篇必看攻略)

下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML 隐藏滚动条和去除滚动条的方法

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

下面小编就为大家带来一篇浅谈html标签的显示模式(块级标签,行内标签,行内块标签)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html制作细线表格的简单实例

下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中table表格标签的基础学习教程

用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多