目录

超链接标签

页面间的锚链接 

不同页面中的锚链接 

功能性链接 

 行内元素和块元素

---

超链接标签

超链接的基本应用:

超链接包含两部分内容:1.是链接地址,可以是某个网址或文件的路径,对应为<a>标签的href属性

                                     2. 是链接文本或图像,单击该文本或图像,将跳转到href属性指定的链接地址

 语法:<a href="链接地址" target="目标窗口位置">链接文本或图像</a>

href : 表示链接地址的路径

target : 指定链接在哪个窗口打开 , 常用的取值有:_self(当前窗口)  _blank(新建窗口)

 接下来展示一下吧!

 然后运行到浏览器 , 这里提一嘴 , 推荐使用谷歌 , 兼容性好

 点开文本链接便会跳转到CSDN社区啦!

 刚才是页面间链接展示 , 页面间链接就是从一个页面链接到另外一个页面

页面间的锚链接 

接下来要说的是锚链接 , 锚链接常用目标页内容很多 , 需定位到目标页内容中的某个具体位置时

例如 A 页面的甲位置跳转到本页的乙位置

语法 :<a href = "#maker">当前位置甲</a>

         <a name="maker">目标位置乙</a>

name为<a>标签的属性 , maker为标记名 #是为要跳转的地方添加的标记

上面介绍的是用name属性来做标记 , 由于有的标签没有name属性 , 因此可以使用id属性来做标记 , 其作用与name一样 , 但兼容性更好

这时点击当前位置甲 就会跳转到目标位置乙了 但需要超出本页面内容 不然实现不了想要的效果 

这里放两张图 , 理解一下即可 :

不同页面中的锚链接 

上面这个例子是页面间的锚链接 , 那么 , 如果要实现不同页面中的锚链接 , 我们该怎么做 ?

首先理解不同页面的锚链接 : 即从 A 页面甲位置跳转到 B 页面的乙位置

实际上实现步骤与同页面间的锚链接一样 :

<a href = "要跳转到的页面链接#csdn">CSDN</a>

<a id = "csdn"></a>

​

例如这个不同页面间的锚链接应用 , 点击CSDN就会跳转到CSDN社区了 

功能性链接 

功能性链接比较特殊 , 当点击该链接时不是打开某个网页 , 而是启动本机自带的某个应用程序

如网上常见的电子邮件 QQ MSN等链接 接下来以常用的电子邮件为例子

电子邮件的语法 : mailto : 电子邮件地址

​

http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

​ 

点击"联系我们"这个链接时 , 便会启动本机自带的某个应用程序

 行内元素和块元素

块元素特征 : 无论内容多少 , 该元素独占一行

行内元素特征 : 内容撑开长度 , 左右都是行内元素的可以排在一行

例如(按目前学的举例) :

行标签 :<a> <em> <br> <strong>

块标签 :<h1>~<h6> <p> <hr>

行内块标签 :<img>

好了 , 第一章HTML基础就到此结束啦!