5新标签中超链接_前端开发入门——HTML基础标签

今天药忘吃喽~ 2023-01-06 04:18 160阅读 0赞

本文创建于2020年8月，以下为正文：

HTML是用于创建可以从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面、HTML是制作网页的基础，我们在网络营销种讲的静态网页，就是以HTML为基础制作的网页。

![前端开发入门——HTML基础标签<二>][HTML]

# **什么是超链接呢？** #

**随着互联网的发展**，网站的兴起，超链接随处可见。我们使用电脑或者手机上网，都可以通过超链接来实现登录各个网页。

超链接属于网页的一部分，它是让网页和网页连接的元素。只有通过超链接把多个网页链接起来之后才能算得上是一个网站。超链接是指从一个网页指向另一个目标的链接关系，目标可以是网页、位置、图片等等。在网页中用来超链接的对象，可能是文本、图片等。

超链接的语法是怎样表示呢？

文本

< a >标签定义超链接，用于从一张页面链接到另一张页面

< a >元素最重要的属性是href属性，它只是连接的目标

**href属性**：链接 URL

**target属性**就是使用来定义在何处打开链接，可取性\_blank新窗口,*self当前窗口，\`*top浏览器整个窗、\_parent\`上一级窗口

**\_blank**:在浏览器的新窗口中打开页面

**\_self**：在当前窗口中打开页面，替换原来的页面，\_self为target属性的默认值

**name属性**：锚点名称

**title属性**：定义了鼠标经过时的提示文字

超链接默认是蓝色字体、带有下划线。当点击之后，字体变成红色。

# **说到超链接，那么我们就要了解一下什么是路径了。** #

路径指的是某一个文件所存在的位置。**分为相对路径、绝对路径、根路径**

1、相对路径就是有参照物的路径，一般相对于当前的HTML文件

2、绝对路径就是文件完整的路径，包括盘符、协议名称、主机名称等等

3、根路径就是指在服务端使用一个反斜杠表示

![前端开发入门——HTML基础标签<二>][HTML 1]

# **< hr>标签是什么呢？** #

在html4.01版本中，< hr>标签是使用来定义一条水平线。在html5版本中升级了该标签，使其具有语义，用来定义主题的变化，比如话题的转移，并显示一条水平线。

在HTML页面中创建一条水平线。可以在视觉上将文档分割成各个部分

# **< hr>属性是什么** #

1.align：水平对齐方式，默认居中

2.width：水平线的长度，可取像素(px)和百分比(%)

3.size：水平线的高度

4.color：颜色

示例——使水平线在页面中间显示，它的宽度为页面的50%

\`< hr align="center" wiidth="50%" />

![前端开发入门——HTML基础标签<二>][HTML 2]

# **格式标签** #

< address>< /address> 地址

定义文档或者文章的作者联系信息。定义在body内则表示文档联系信息。这个标签是带有语义的，也就是说我们看到a标签，并不能从直观意义上知道他是一个超链接，但是address通过翻译，也能明白这是定义联系信息，这就是语义化的好处。它以斜体显示。

示例——定义一段联系信息

< body>

< address>

地址

< /address>

< /body>

< pre>< /pre>

被包围在pre元素中的文本通常会保留空格和换行符

示例——用pre定义有换行的文本

< body>

< pre>

夜来风雨声

花落知多少

< /pre>

< /body>

# **文本格式化标签** #

![前端开发入门——HTML基础标签<二>][HTML 3]

![前端开发入门——HTML基础标签<二>][HTML 4]

(ps:如果您觉得有用，请点赞转发，让更多人看到哦)

[HTML]: /images/20221119/5ba5e64556ca4be5bf19466eed097fda.png
[HTML 1]: /images/20221119/d9212ba3a1364471ad63588c778c05ed.png
[HTML 2]: /images/20221119/e0abe108fa2a48e9b9fd6a6ae789c2db.png
[HTML 3]: /images/20221119/1eabf1d1f1cb40a4994b5b5aa7f7016f.png
[HTML 4]: /images/20221119/64cc712051b347308dfb9531511f7061.png

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的超链接标签 a

超链接标签的学习和所做知识梳理

蔚落/ 2024年05月06日 21:22/ 0 赞/ 88 阅读

相关 HTML快速入门（基础标签、图片、音频、视频标签、超链接标签、列表标签、表格标签、布局标签、表单标签）

文章目录什么是HTML? HTML快速入门【案例】总结基础标签图片、音频、视频标签总结

电玩女神/ 2023年10月07日 19:52/ 0 赞/ 71 阅读

相关超链接标签

![5d2dae599bc64173f64691e9bed60253.png][] <!DOCTYPE html> <html> <h

谁践踏了优雅/ 2023年10月03日 22:53/ 0 赞/ 42 阅读

相关链接标签（HTML）

链接标签（HTML） <!DOCTYPE html> <html lang="en"> <head> <meta charset=

清疚/ 2023年10月03日 12:22/ 0 赞/ 21 阅读

相关超链接标签

![a66703c099000a36acc597e269806291.png][] <!DOCTYPE html> <html> <h

秒速五厘米/ 2023年09月27日 13:38/ 0 赞/ 18 阅读

相关 5新标签中超链接_前端开发入门——HTML基础标签

本文创建于2020年8月，以下为正文： HTML是用于创建可以从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面、HTML是制作网页的基础，我们在

今天药忘吃喽~/ 2023年01月06日 04:18/ 0 赞/ 161 阅读

相关超链接标签(重点)

超链接标签(重点) 单词缩写： anchor 的缩写 \[ˈæŋkə\] 。基本解释锚在HTML中创建超链接非常简单，只需用标签把文字包括起来就好。语法格式：

叁歲伎倆/ 2022年12月25日 12:58/ 0 赞/ 209 阅读

相关 HTML基础知识3-超链接（a）标签以及图片（img）标签

一：a标签又叫做：超链接标签　　　　所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个

桃扇骨/ 2022年12月22日 04:39/ 0 赞/ 238 阅读

相关 HTML中的路径和超链接标签

HTML中的路径和超链接标签路径 1、目录文件夹和根目录目录文件夹是一个普通文件夹，文件夹中存放一些制作页面所需要的相关素材，比如HTML文件、图片等根目

偏执的太偏执、/ 2022年12月14日 15:53/ 0 赞/ 304 阅读

相关 HTML超链接标签

本文中的内容参考了W3School。 1.普通的超链接代码如下： <span style="font-size:18px;"><a href="http://www

忘是亡心i/ 2022年08月03日 03:20/ 0 赞/ 238 阅读