文章目录
HTML 标题
HTML 标题是您想要在网页上显示的标题或副标题。
HTML 标题使用 <h1> 至 <h6> 标签定义。
<h1> 定义最重要的标题。 <h6> 定义最不重要的标题。
<h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
注意：浏览器会自动在标题前后添加一些空白（边距）
标题很重要
搜索引擎使用标题来索引网页的结构和内容。
用户经常通过标题浏览页面。使用标题来显示文档结构非常重要。
<h1> 标题应用于主标题，其次是 <h2> 标题，然后是不太重要的 <h3>，依此类推。
注意：仅将 HTML 标题用作标题。不要使用标题将文本放大或加粗。
更大的标题
每个 HTML 标题都有默认大小。但是，您可以使用 CSS font-size 属性通过 style 属性指定任何标题的大小：
示例
<h1 style="font-size:60px;">标题 1</h1>
效果
标题 1
HTML 段落
段落总是以新行开始，通常是一段文本。
HTML <p> 元素定义段落。
段落总是以新行开始，浏览器会自动在段落前后添加一些空白（边距）。
示例
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
效果
这是一个段落。
这是另一个段落。
HTML 显示
您无法确定 HTML 将如何显示。
大屏幕或小屏幕以及调整大小的窗口将产生不同的结果。
使用 HTML，您无法通过在 HTML 代码中添加额外的空格或额外的行来更改显示。
浏览器将在显示页面时自动删除任何额外的空格和行：
示例
<p>
此
段
落在
源代码
中包含很
多行，但浏览器会
忽略它。
</p>
效果
此 段 落在 源代码 中包含很 多行，但浏览器会 忽略它。
<p>
此 段落在 源代码中包含很 多空格，但浏览器 会忽略 它。
</p>
效果
此 段落在 源代码中包含很 多空格，但浏览器 会忽略 它。
HTML 水平线
<hr>标签定义 HTML 页面中的主题分隔符，通常显示为水平线。
<hr> 元素用于分隔 HTML 页面中的内容（或定义更改）：
示例
<h1>这是标题 1</h1>
<p>这是一些文本。</p>
<hr>
<h2>这是标题 2</h2>
<p>这是其他一些文本。</p>
<hr>
<hr> 标签是一个空标签，这意味着它没有结束标签。
HTML 换行符
HTML <br> 元素定义换行符。
想要换行符（新行）而不开始新段落，请使用 <br>：
示例
<p>这是<br>一个带有换行符的段落<br>。</p>
<br> 标签是一个空标签，这意味着它没有结束标签。
效果
这是
一个带有换行符的段落
。
标签是一个空标签，这意味着它没有结束标签。
诗歌问题
这首诗将显示在一行上：
示例
<p>
悯农
锄禾日当午，汗滴禾下土。
谁知盘中餐，粒粒皆辛苦。
</p>
效果
悯农 锄禾日当午，汗滴禾下土。 谁知盘中餐，粒粒皆辛苦。
解决方案 - HTML <pre> 元素
HTML <pre> 元素定义预格式化的文本。
<pre> 元素内的文本以固定宽度的字体（通常是 Courier）显示，并保留空格和换行符：
示例
<pre>
悯农
锄禾日当午，汗滴禾下土。
谁知盘中餐，粒粒皆辛苦。
</pre>
效果
悯农 锄禾日当午，汗滴禾下土。 谁知盘中餐，粒粒皆辛苦。
HTML 样式
HTML 样式属性用于向元素添加样式，例如颜色、字体、大小等。
HTML 样式属性
可以使用样式属性设置 HTML 元素的样式。
HTML 样式属性具有以下语法：
<标签名 style="属性名:值;">
属性是 CSS 属性。值是 CSS 值。
背景颜色
CSS background-color 属性定义 HTML 元素的背景颜色。
示例
将页面的背景颜色设置为粉蓝色：
<body style="background-color:powderblue;">
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
效果
这是一个标题
这是一个段落。
示例
为两个不同的元素设置背景颜色：
<body>
<h1 style="background-color:powderblue;">这是一个标题</h1>
<p style="background-color:tomato;">这是一个段落。</p>
</body>
效果
这是一个标题
这是一个段落。
文本颜色
CSS color 属性定义 HTML 元素的文本颜色：
示例
<h1 style="color:blue;">这是一个标题</h1>
<p style="color:red;">这是一个段落。</p>
效果
这是一个标题
这是一个段落。
字体
CSS font-family 属性定义 HTML 元素要使用的字体：
示例
<h1 style="font-family:verdana;">这是一个标题</h1>
<p style="font-family:courier;">这是一个段落。</p>
效果
这是一个标题
这是一个段落。
文本大小
CSS font-size 属性定义 HTML 元素的文本大小：
示例
<h1 style="font-size:300%;">这是一个标题</h1>
<p style="font-size:160%;">这是一个段落。</p>
效果
这是一个标题
这是一个段落。
## 文本对齐 CSS text-align 属性定义 HTML 元素的水平文本对齐：示例
<h1 style="text-align:center;">居中标题</h1>
<p style="text-align:center;">居中段落。</p>
效果
居中标题
居中段落。
HTML 文本格式
HTML 格式化元素
格式化元素旨在显示特殊类型的文本：
<b> - 粗体文本
<strong> - 重要文本
<i> - 斜体文本
<em> - 强调文本
<mark> - 标记文本
<small> - 较小文本
<del> - 已删除文本
<ins> - 已插入文本
<sub> - 下标文本
<sup> - 上标文本
HTML <b> 和 <strong> 元素
HTML <b> 元素定义粗体文本，没有任何额外重要性。
示例
<b>此文本为粗体</b>
效果
此文本为粗体
HTML <strong> 元素定义具有重要意义的文本。里面的内容通常以粗体显示。
示例
<strong>此文本很重要！</strong>
效果
此文本很重要！
HTML <i> 和 <em> 元素
HTML <i> 元素定义文本中替代语气或语调的部分。其中的内容通常以斜体显示。
提示：<i> 标签通常用于表示技术术语、另一种语言的短语、想法、船名等。
示例
<i>此文本为斜体</i>
效果
此文本为斜体
HTML <em> 元素定义强调文本。其中的内容通常以斜体显示。
提示：屏幕阅读器将使用动词重音强调 <em> 中的单词。
示例
<em>此文本被强调</em>
效果
此文本被强调
HTML <small> 元素
HTML <small> 元素定义较小的文本：
示例
`<small>`这是一些较小的文本。`</small>`
效果
这是一些较小的文本。
HTML <mark> 元素
HTML <mark> 元素定义应标记或突出显示的文本：
示例
<p>今天别忘了买 <mark>牛奶</mark>。</p>
效果
今天别忘了买 牛奶。
HTML <del> 元素
HTML <del> 元素定义已从文档中删除的文本。浏览器通常会在已删除的文本上划线：
示例
<p>我最喜欢的颜色是 <del>蓝色</del> 红色。</p>
效果
我最喜欢的颜色是 蓝色 红色。
HTML <ins> 元素
HTML <ins> 元素定义已插入文档的文本。浏览器通常会为插入的文本加下划线：
示例
<p>我最喜欢的颜色是 <del>蓝色</del> <ins>红色</ins>。</p>
效果
我最喜欢的颜色是 蓝色 红色。
HTML <sub> 元素
HTML <sub> 元素定义下标文本。下标文本出现在正常行下方半个字符处，有时以较小的字体呈现。下标文本可用于化学公式，如 H2O：
示例
<p>这是<sub>下标</sub>文本。</p>
效果
这是下标文本。
HTML <sup> 元素
HTML <sup> 元素定义上标文本。上标文本出现在正常行上方半个字符处，有时以较小的字体呈现。上标文本可用于脚注，如 WWW[1]：
示例
<p>这是<sup>上标</sup>文本。</p>
效果
这是上标文本。
---总结
本文介绍了的html使用，如有问题欢迎私信和评论
扫一扫
1199
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
