HTML标题和段落LOGIN

HTML标题和段落

HTML 标题和段落


HTML 标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的.

<h1> 定义最大的标题。 <h6> 定义最小的标题。

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我是最大的</h1>
<h2>我是第二大的</h2>
<h3>我是第三大的</h3>
....
<h6>我是最小的</h6>
</body>
</html>

注释: 浏览器会自动地在标题的前后添加空行。

标题很重要

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

HTML 段落

有了标题接着就会有段落了,段落是用<p></p>标签定义的,比如一段文字,你想给其分段就可以用<p>标签:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>《背影》-朱自清</h1>
<p>我与父亲不相见已二年余了,我最不能忘记的是他的背影。</p>那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州打算跟着父亲奔丧
回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说:“事已如此,不必难过,好在天无绝人之路!”</p><p>回家变卖典质,父亲
还了亏空;又借钱办了丧事。这些日子,家中光景很是惨淡,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。</p>
</body>
</html>

例子中的文字虽然没有分段显示,但是用了<p>标签在网页上运行就显示分段了,这就是<p>标签的作用。

HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我是最大的</h1>
<hr>
<h2>我是第二大的</h2>
<hr>
<h3>我是第三大的</h3>
<hr>
....
<h6>我是最小的</h6>
</body>
</html>

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:

<!--  注释  -->

HTML 提示 - 如何查看源代码

你是否看过一些网页然后惊叹它是如何实现的的。

如果您想找到其中的奥秘,只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码"(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。


下一节
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>
提交重置代码
章节课件