html 加粗_若想学前端开发，要从HTML基本元素开始第一节

一、标题

标题（Heading）是通过 <h1> - <h6> 标签进行定义的。

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

<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
<h4>这是一个标题。</h4>
<h5>这是一个标题。</h5>
<h6>这是一个标题。</h6>

标题很重要

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

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

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

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

二、段落

段落是通过 <p> 标签定义的。

<p>这是一个段落 </p>
<p>这是另一个段落</p>

三、换行

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

<br /> 元素是一个空的 HTML 元素。

<p>这个<br>段落<br>演示了分行的效果</p>

四、水平线

<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。

属性：

color：设置水平线的颜色

width：设置水平线的长度

size：设置水平线的高度

align：设置水平线的对齐方式（默认居中），可取值left|right

<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

五、图片

<img> 标签定义 HTML 页面中的图像。

属性：

Src：路径

Alt：规定图像的替代文本。

Width：规定图像的宽度。

Height：规定图像的高度

Title：鼠标悬停在图片上给予提示

六、超链接

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签<a> 中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

（1）一个未访问过的链接显示为蓝色字体并带有下划线。

（2）访问过的链接显示为紫色并带有下划线。

（3）点击链接时，链接显示为红色并带有下划线。

注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

七、文本格式化标签

<p>这是一个普通的文本- <b>这是一个加粗文本</b>。</p>
<p><em>强调文本</em></p>
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
<p><small> Copyright 1999-2050 by Refsnes Data.</small></p>
<p><strong>加粗文本</strong></p>
<p>这个文本包含 <sub>下标</sub>文本。</p>
<p>这个文本包含 <sup>上标</sup> 文本。</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

效果如下：