HTML 标题、水平线、注释
HTML 标题标签
HTML 标题是通过 <h1> - <h6>标签进行定义的，分别对应文档结构中的每一级标题。
下面的实例定义了所有标题。
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
在浏览器中显示如下：
注意：
- 用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
- 应该将
<h1>用作主标题（最重要的），其后是<h2>（次重要的），再其次是<h3>，以此类推。
HTML 标题（Heading）是通过 <h1> - <h6> 标签进行定义的。
HTML 水平线
<hr /> 是一个空元素，这里的“hr”是水平线（horizontal rule）的意思。
<hr /> 标签在 HTML 页面的作用是创建水平线。
<hr /> 元素可用于分隔 HTML 页面中的内容。
<hr />
<p>这是一个段落。</p>
<hr />
<p>这是另一个段落。</p>
尝试一下
在浏览器中显示如下：
HTML 注释
我们可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。
添加或取消注释的快捷键：Ctrl+/
HTML 注释写法如下：
<!-- 这是一个注释 -->
在添加注释时，开始的尖括号之后（左边）需要紧跟一个感叹号，但结束的尖括号之前（右边）不需要。
注意：
- 浏览器会自动忽略注释，不会将其显示。
附：如何查看源代码
你是否看过一些网页然后惊叹它是如何实现的。如果您想找到其中的奥秘，只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。
HTML 段落、折行
HTML 段落
创建段落，是通过 <p> 标签定义的。
实例：
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
在浏览器中显示如下：
注意：
- 浏览器会自动地在段落的前后添加空行。
HTML 折行
如果你希望在不产生一个新段落的情况下进行折行（换行），请使用 <br> 标签。
<br> 标签是一个空标签，意味着它没有结束标签。
实例：
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>这个段落<br>演示了折行（换行）的效果。</p>
在浏览器中显示如下：
注意：
- 请使用
<br>标签来输入空行，而不是分割段落。- 如果您想使用额外的空行或空格来改变页面的输出结果：
当显示页面时，浏览器会移除源代码中多余的空格和空行。
所有连续的空格或空行都将会被算作一个空格。
需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
- 在写地址信息或者写诗词时
<br>标签非常有用。
HTML 文本格式化
HTML 格式化标签
HTML 使用 <b> 标签与<i> 标签对输出的文本进行格式化，用来定义 粗体 和 斜体。
这些 HTML 标签被称为格式化标签。
下面是常用的 HTML 文本格式化标签。
| 标签 | 描述 |
|---|---|
<strong>与<b> |
文本加粗标签；推荐使用<strong>更具有语义化，对SEO友好。 |
<em>与<i> |
文本倾斜标签；推荐使用<i>更具有语义化，对SEO友好。 |
<del>与<s> |
删除线标签；推荐使用<del>更具有语义化，对SEO友好。 |
<ins>与<u> |
下划线标签；推荐使用<ins>更具有语义化，对SEO友好 |
<sub> |
定义下标字 |
<sup> |
定义上标字 |
<small> |
定义小号字 |
HTML 文本格式化标签
下面是一个 HTML 文本格式化的实例。
每个段落都运用了不同的格式化标签，来演示每个标签的作用。
<b>定义粗体文本</b> <strong>定义粗体文本</strong><br/><br/><em>定义斜体字</em> <i>定义斜体字</i><br/><br/> <del>定义删除字</del> <s>定义删除字</s><br/><br/> <ins>定义插入字</ins> <u>定义插入字</u><br/><br/> <small>定义小号字</small> <p>定义<sub>下标字</sub></p> <p>定义<sup>上标字</sup></p>
运行结果：
HTML 链接
<a> 标签
HTML 使用 <a> 标签来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
在 <a> 标签中，使用 href 属性来描述链接的目标地址。
链接的 HTML 代码很简单。它类似这样：
<a href="url">链接文本</a>创建超链接
在下面的例子中，定义了 w3cschool 网站的超链接，点击这个超链接会把你带到 w3cschool 的首页。
<a href="https://www.w3cschool.cn">访问w3cschool</a>
在浏览器中显示如下：
默认情况下，链接将以以下形式出现在浏览器中：
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时，链接显示为红色并带有下划线。
注意：
- 如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
HTML a 标签的target 属性
在 <a> 标签中使用 target 属性，你可以规定在何处打开链接文档。
target 属性值有：
_blank：在新窗口中打开被链接文档。
_self：默认。在相同的框架中打开被链接文档。_parent：在父框架集中打开被链接文档。_top：在整个窗口中打开被链接文档。framename：在指定的框架中打开被链接文档。
实例：下面的链接会在新窗口打开文档。
<a href="https://www.w3cschool.cn" target="_blank">访问w3cschool</a>
HTML头部
HTML <head> 元素
<head> 元素包含了所有的头部标签元素。
在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为：<title>, <style>, <meta>, <link>, <script>, <noscript>,<base>。
下面是 <head> 元素包含的头部标签元素列表：
| 标签 | 描述 |
|---|---|
<head> |
定义了文档的信息 |
<title> |
定义了文档的标题 |
<base> |
定义了页面链接标签的默认链接地址 |
<link> |
定义了一个文档和外部资源之间的关系 |
<meta> |
定义了HTML文档中的元数据 |
<script> |
定义了客户端的脚本文件 |
<noscript> |
定义在脚本未被执行时的替代内容（文本） |
<style> |
定义了HTML文档的样式文件 |
提示：不要担心本节中您还没有学过的标签，您将在接下来的小节中学到它们。
可以添加在头部区域的元素标签为：<title>, <style>, <meta>, <link>, <script>, <noscript>, <base>。
<title> 元素
<title> 标签定义了 HTML 文档的标题，在所有 HTML 文档中是必需的。
<title> 元素：
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时的标题
- 显示在搜索引擎结果中的页面标题
<html>
<head>
<title>…</title>
</head>
</html><style> 元素
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head><meta> 元素
meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
<meta>元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面&
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
