XHTML入门学习教程:XHTML常用标签
就像一篇文章一样,我们的网页也要段落分明,也需要重要程度不同的标题。本节就将介绍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>标题2</h2><!--2号标题,看看字号是不是比1号标题小 -->
<h3>标题3</h3>
<p>
<br />空行
<br />空行
</p><!--上面的内容是一个段落 -->
<h3>标题3</h3>
<p>我们将免费为您制作个人主页,完全符合W3C的XHTML标准和ISO2009~。</p>
<!--这里网页虽然层次还算比较分明,可是你是不是觉得界面实在是很难看和简陋呢?比如说行与行之间没有空隙,一号标题
太大了。关于定义网页外观的方法将在稍后的CSS教程中介绍。忘了说主要内容了,注释不会出现在网页上,所以
我们可以在这里打许多废话。不过在以后网页设计的过程中尽量写一些有提示作用的注释。-->
保存修改后浏览网页,确认一下你的网页和这个页面相同,完工。
相关文章
文章介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,本文主要给大家介绍HTML img标签和超链2025-06-20- HTML meta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引,本文给大家介绍HTML中meta2025-06-20
input 标签主要用于接收用户的输入,随 type 属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTML input 标签,感兴趣的朋友一起看看吧2025-06-20
这篇文章主要介绍了html 滚动条滚动过快会留下边框线的解决方案,解决方法很简单,可以将 dialog 单独拿出来别放在 transform 的子元素里,需要的朋友可以参考下2025-06-09- 本文将介绍如何使用<img>标签在 HTML 中添加图片,并展示一些常见的用法和技巧,通过本文的介绍,应该掌握了在 HTML 中添加和调整图片的基础知识,感兴趣的朋友一起看2025-05-16
- HTML表格用于在网页上展示数据,通过标签及其相关标签来创建,表格由行和列组成,每一行包含一个或多个单元格,单元格可以包含文本、图像、链接等元素,本文将详细介绍HTML表格2025-03-12
- 本文介绍了三种禁止HTML页面滚动的方法:通过CSS的overflow属性、使用JavaScript的滚动事件监听器以及使用CSS的position:fixed属性,每种方法都有其适用场景和优缺点,感兴2025-02-24
在 Web 开发中,文本的视觉效果是提升用户体验的重要因素之一,通过 CSS 技巧,我们可以创造出许多独特的效果,例如文字镂空效果,本文将带你一步一步实现一个简单的文字镂空2024-11-17
在Html中,a标签默认的超链接样式是蓝色字体配下划线,这可能不满足所有设计需求,如需去除这些默认样式,可以通过CSS来实现,本文给大家介绍Html去除a标签的默认样式的操作代码2024-09-25- 在HTML中,可以通过设置CSS的resize属性为none,来禁止用户手动拖动文本域(textarea)的大小,这种方法简单有效,适用于大多数现代浏览器,但需要在老旧浏览器中进行测试以确保2024-09-25






最新评论