超链接,锚点链接

129 阅读2分钟

超链接

一个网站一定是多个网页组成,网页之间的跳转就要使用超链接, 超链接可以是一个字,一个词,或一组词,也可以是一幅图像<a></a>

超链接的属性

1. href 用于指定链接目标的 url 地址,当 <a> 标记应用 href 属性时它就具有了超链接的功能。 例:

<a href="http://www.baidu.com">跳转</a>

2. target 用于指定链接页面的打开方式,其取值有 _self 和 _blank 两种,其中 _self 为默认值,意为在原窗口打开, _blank 在新窗口中打开。

<a href="http://www.baidu.com" target="_self">跳转_self</a>
<a href="http://www.baidu.com" target="_blank">跳转_blank</a>

默认情况下,超链接以以下几种情况显示:

  1.  一个未访问过的超链接显示为蓝色字体并带下划线
  2. 访问过超链接显示为紫色并带下划线
  3. 点击超链接时,超链接显示为红色并带下划线

!!!注意:

  1. 当鼠标光标放在超链接上时,鼠标光标会变成一个小手的形状
  2. 当鼠标光标放在超链接上时,浏览器的左下角会出现一个网址,这个网址就是当你单击超链接时即将跳转到的页面。

锚点链接

HTML语言提供了一种特殊的链接—锚点链接,通过创建锚点链接,用户能够快速定位到目标内容。

<a href="#a">锚点</a><br /> --点击第一行的a标签可快速定位到“需跳转到百度” 的a标签
< img src="2.jpg" /><br />
<a href="http://www.baidu.com" id="#a">需跳转到百度</a>

文本标签:

文本标签<font>

文本标签的属性:

  1. size 设置文字大小,各款浏览器默认字体大小为16px
  2. color 设置字体颜色
  3. face 设置文字字体

其他标签:

标签描述
<em></em> <i></i>定义斜体字(推荐使用em)
<b></b> <strong></strong>定义粗体文本(推荐使用strong)
<s></s> <del></del>定义删除字(推荐使用del)
<u></u> <ins></ins>定义文字的下划线(推荐使用ins)
<span></span>元素没有特定的含义

特殊字符标记

特殊字符描述字符的代码
(空格)空格符&nbsp;
<小于&lt;
> 大于&gt;
&和号&amp;
¥人民币&yen;
©版权&copy;
®注册商标&reg;
°摄氏度&deg;
±正负号&plusmn;
×乘号&times;
÷除号&divide;
²平方2(上标2)&sup2;
³立方3(上标3)&sup3;

u=2318340774,3610515578&fm=253&fmt=auto&app=120&f=JPEG.webp