我是小又又，住在武汉，做了两年新媒体，准备用 6 个月时间转行前端。
今日学习目标
昨天了解了标题标签内部<h1> ~ <h6>元素和<p>段落具体含义，然后今天刚好休息，今天准备多学习一些标签相关具体含义，又是适合学习的一天，加油，小又又！！！！
<hr> 水平线标签
<hr> 标签在 HTML 页面中创建水平线，一般在页面中大段内容之后用于区块区分。
<h1>第一章 小又又</h1>
<p>hr 标签定义水平线</p>
<hr />
<h1>第二章 小又又</h1>
<p>这是段落。</p>
<hr />
<h1>第三章 小又又</h1>
<p>这是段落。</p>
<hr />
注意事项！！！
<hr />元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
和文档中的分隔符很像，这个在文档中经常使用呢，用于多段文字的快速区分。
<br> 换行标签
在 HTML 页面中可以使用<br> 标签，在不产生一个新段落的情况下进行换行（新行）。
<h1>第一章 小又又</h1>
<p>这个<br>段落<br>演示了换行的效果</p>
<hr />
注意事项！！！
<br />元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
这个暂时不太清楚什么情况下会需要手动换行
<a> 链接标签
HTML使用标签 <a>来设置超文本链接。
基础说明
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签
<a>中使用了 href 属性来描述链接的地址。
<h1>第一章 小又又</h1>
<a href="https://juejin.cn/user/2365804756345320">小又又 已访问~~</a>
<a href="https://juejin.cn/user/2365804756345320">小又又 未访问~~</a>
<a href="https://juejin.cn/user/2365804756345320">小又又 点击~~</a>
发现了
<br/>的一个使用场景呢~~，刚看着三行内容都在一行，就用了<br/>，就感觉很棒~~~
样式说明
默认情况下，链接将以下形式出现在浏览器中
- 一个未访问过的链接显示为
蓝色，并带有下划线。 - 访问过的链接显示为
紫色，并带有下划线。 - 点击链接时，链接显示为
红色，并带有下划线。
支持属性说明
| 属性名 | 属性说明 | 属性值说明 |
|---|---|---|
| id | 创建在 HTML 文档书签标记。书签是不以任何特殊的方式显示，在 HTML 文档中是不显示的，所以对于读者来说是隐藏的。 | 任意文本值 |
| href | 规定链接的目标 URL | URL。 |
| hreflang | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 | language_code |
| target | 定义被链接的文档在何处显示 | _blank,_parent,_self,_top |
| rel | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 | alternate,author,bookmark,help,license,next,nofollow,noreferrer,prefetch,prev,search,tag |
media New |
规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。 | media_query |
download New |
指定下载链接 | filename |
type New |
规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 |
MIME_type |
使用示例
页面内跳转示例
<p><a href="#A8">跳转到第八章</a></p>
<h1><a id="A1">第一章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A2">第二章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A3">第三章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A4">第四章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A5">第五章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A6">第六章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A7">第七章 小又又</a></h1>
<p>这是段落。</p>
<hr />
<h1><a id="A8">第八章 小又又</a></h1>
<p>这是段落。</p>
<hr />
弹出示例
<h1><a>第一章 小又又</a></h1>
<p>
<a href="https://juejin.cn/user/2365804756345320" target="_blank">小又又 点击~~</a>
</p>
<hr />
<h1><a>第二章 小又又</a></h1>
<p>
<a href="https://juejin.cn/user/2365804756345320" target="_self">小又又 点击~~</a>
</p>
<hr />
<h1><a>第三章 小又又</a></h1>
<p>
<a href="https://juejin.cn/user/2365804756345320" target="_parent">小又又 点击~~</a>
</p>
<hr />
<h1><a>第四章 小又又</a></h1>
<p>
<a href="https://juejin.cn/user/2365804756345320" target="_top">小又又 点击~~</a>
</p>
<hr />
其他
_blank,_parent和_top都正常打开了页面，不过点击了target="_self"的，页面显示掘金拒绝了我们的请求。
图片链接示例
<h1><a>第一章 小又又</a></h1>
<p>
<a href="https://juejin.cn/user/2365804756345320" target="_blank">
<img src="smiley.gif" alt="HTML 教程" width="32" height="32">
</a>
</p>
<hr />
点击图片就跳转链接了呢~~~
邮件链接示例
<h1><a>第一章 小又又</a></h1>
<p>
<a href="mailto:someone@example.com?cc=someoneelse" target="_blank">
<img src="smiley.gif" alt="HTML 教程" width="32" height="32">
</a>
</p>
<hr />
点击图片就进入了邮箱草稿箱呢~~~
注意事项！！！
- 如果为这些超链接设置了
CSS样式，展示样式会根据CSS的设定而显示。 链接文本不必一定是文本，图片或其他HTML元素都可以成为链接。- 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="https://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://www.runoob.com/html/"。
暂时还没学习 css 呢~~
今日学习名词
| 名称 | 名词解析 |
|---|---|
| CSS | 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 |
| URL | 在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator,统一资源定位符），它是WWW的统一资源定位标志，就是指网络地址。 |
| MIME | MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。 |
今日学习总结
<hr/>水平线标签，无结束标签。<br/>手动换行标签，无结束标签。<a/>超文本链接标签
今日心情
今天原本准备多学习一些的标签的，但是最后还是只学习了三个，不高兴，希望明天学习到更多东西~~~
本文使用 mdnice 排版
