04HTML标题段落.docx - 墨天轮文档

04HTML标题段落.docx

天道酬勤

116

6页

0次

2022-08-14

5墨值下载

HTML

标题

在

HTML

文档中，标题很重要。

HTML

标题

标题（

Heading

）是通过

标签进行定义的。

<h1>

定义最大的标题。

<h6>

定义最小的标题。

实例

<h1>

这是一个标题。

</h1> <h2>

这是一个标题。

</h2> <h3>

这是一个标题。

</h3>

尝试一下

注释

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

标题很重要

请确保将

HTML

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

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

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

应该将

用作主标题（最重要的），其后是

（次重要的），再其次是

，以此类推。

HTML

水平线

<hr>

标签在

HTML

页面中创建水平线。

元素可用于分隔内容。

实例

<p>

这是一个段落。

</p> <hr> <p>

这是一个段落。

</p> <hr> <p>

这是一个段落。

</p>

尝试一下

HTML

注释

可以将注释插入

HTML

代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，

也不会显示它们。

注释写法如下

实例

<!--

这是一个注释

-->

尝试一下 
»
注释
: 
开始括号之后（左边的括号）需要紧跟一个叹号 
!
 (
英文标点符号
)
，结束括号之前（右边的括
号）不需要，合理地使用注释可以对未来的代码编辑工作产生帮助。
HTML 
提示 
- 
如何查看源代码
你是否看过一些网页然后惊叹它是如何实现的。
如果您想找到其中的奥秘，只需要单击右键，然后选择
"
查看源文件
"
（
IE
）或
"
查看页面源代
码
"
（
Firefox
），其他浏览器的做法也是类似的。这么做会打开一个包含页面 
HTML 
代码的窗口。
本站实例
标题
如何在 
HTML 
文档中显示标题。
隐藏注释
如何在 
HTML 
源代码中插入注释。
水平线
如何插入水平线。
HTML 
标签参考手册
菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。
您将在本教程下面的章节中学到更多有关 
HTML 
标签和属性的知识。
标签 描述
<html>
定义 
HTML 
文档
<body>
定义文档的主体
<h1> - <h6>
定义 
HTML 
标题
<hr>
定义水平线
<!--...-->
定义注释
HTML 
段落
HTML 
可以将文档分割为若干段落。

HTML

段落

段落是通过

<p>

标签定义的。

实例

<p>

这是一个段落

</p> <p>

这是另一个段落

</p>

尝试一下

注意：浏览器会自动地在段落的前后添加空行。（

</p>

是块级元素）

不要忘记结束标签

即使忘了使用结束标签，大多数浏览器也会正确地将

HTML

显示出来：

实例

<p>

这是一个段落

<p>

这是另一个段落

尝试一下

上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生意想不到

的结果和错误。

注释

在未来的

HTML

版本中，不允许省略结束标签。

HTML

折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用

<br>

标签：

实例

<p>

这个

<br>

段落

<br>

演示了分行的效果

</p>

尝试一下

<br />

元素是一个空的

HTML

元素。由于关闭标签没有任何意义，因此它没有结束标签。

HTML

输出

使用提醒

我们无法确定

HTML

被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于

HTML

，您无法通过在

HTML

代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个

空格。需要注意的是，

HTML

代码中的所有连续的空行（换行）也被显示为一个空格。

尝试一下

（这个例子演示了一些

HTML

格式化方面的问题）

of 6

5墨值下载

html

相关文档

评论