HTML学习笔记——主体标题

最新推荐文章于 2024-06-22 15:54:58 发布

ScriptFlying

最新推荐文章于 2024-06-22 15:54:58 发布

阅读量1.2k

点赞数

分类专栏：前端H5

本文链接：https://blog.youkuaiyun.com/weixin_42312310/article/details/109528617

版权

前端H5 专栏收录该内容

7 篇文章

订阅专栏

一、HTML标题 (Heading)

HTML中标题很重要，要确保标签 <h>-</h> 只用于标题。使用标题不仅是为了生产粗体或大写的文本，在搜索引擎时为网页的结构和内容编制索引，用户也就可以通过标题快速浏览网页。标签 <h1> 是主标题，<h2> 次要标题，以此类推，<h6>为最小标题，实例如下：

HTML 水平线：创建水平线可用于分隔内容，实例如下所示：

二、HTML段落

通过标签 实现，主要将HTML文档分为若干个段落，方便开发人员管理，利于用户阅读。直接看一个实例：

HTML换行：通过标签 可以实现在同一段落中换行，该标签是一个空元素，关闭标签没有意义，因此它没有结束标签，实例如下所示：

说明：区分标签 , , (带有空格)

是 HTML 的写法，也是 XHTML1.1、XML 的写法；
是 XHTML 为兼容 HTML 的写法，也是 XML 的写法；
HTML5 因兼容 XHTML，所以三中书写均可以使用。

早期发布的 HTML 规范当中， 与 <img> 等元素是不用封闭自身的，但是这种元素造成了 HTML 规范的不严谨，于是在之后发布的 XHTML 语言中，参考了更为严谨的 XML 规范，在这些不用自身封闭的元素后加 / 来表示自行封闭，在逻辑上来讲等同于 ....（但是没有  这种写法），这样一来保证了较少的代码量，二来保证了规范的严谨。

三、HTML文本格式

文本的格式主要有文本加粗、斜体、上标、下标及自动输出。通常有标签 替换加粗标签 来使用, 替换 标签来使用，但这些标签的含义是不同的： 与 定义粗体或斜体文本； 或者 意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。:标签的在线实例如下：

实例1：演示如何在一个 HTML 文档中对文本进行格式化操作文本格式化

实例2：演示如何使用 <pre> 标签对空行和空格进行控制预格式化

实例3：演示如何在 HTML 文件中书写地址添加地址

实例4：演示如何实现 HTML 文件中的缩写或首字母缩写缩写或首字母缩写

实例5：用于演示如何改变文字的方向文字方向

实例6：演示如何标记删除文本和插入文本删除文本、插入文本

四、HTML链接

HTML 通过标签 <a> 来设置文本的链接，href 属性来描述链接的地址，使用超链接与网络另的了一个文档进行相连，几点该链接就可以轻松跳转到另一个页面。超链接可以试试一个字、一个词、一组词或一幅图像，点击这些内容可以跳转到新的文档或文档中的某一部分。在默认情况下，链接将以以下方式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
在点击链接时，连接显示为红色并带有下划线。

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

<!--HTML链接语法-->
<a href="url">链接文本</a>
<!-- 实例 -->
<a href="https://www.baidu.com/">访问百度首页</a>

提示：上面实例中的“链接文本”不必一定是文本，也可以是图片或其他 HTML 元素，这里的超链接可以带你访问百度：百度首页

HTML 链接的 target 属性：使用该属性，可以定义被链接的文档在何处显示，如下面的示例将在新窗口中打开文档链接实例

<a href="http://www.baidu.com/" target="_blank" rel="noopener noreferrer">访问百度首页！</a>

HTML 链接的 id 属性：该属性可用于创建在一个 HTML 文档书签的标记。书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。实例代码如下：

<!--在HTML文档中插入ID-->
<a id="tips">提示部分</a>

<!--在HTML文档中创建一个链接到“提示部分(id="tips")”-->
<a href="#tips">访问提示部分</a>

<!--从另一个页面创建一个链接到“提示部分(id="tips")”-->
<a href="http://www.baidu.com/html/html-links.html#tips">访问提示部分</a>

基本注意事项：

请始终保持将正斜杠添加到子文件夹，假如这样书写链接：href="https://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会自动添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://www.runoob.com/html/"。