<a href="#"></a>这是什么???
这个是超链接标记(对标记),
点击实现跳转<a href="跳转链接地址">显示链接字符</a>
默认,蓝色,点击过后,紫色
title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容,主要方便搜索引擎了解链接地址的内容(语义化更友好)
还可以添加伪类属性,增加鼠标相关动作后的样式反应
课程4-1有写 你先记住这个形式。
使用<a>标签,链接到另一个页面
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。
语法:
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
例如:
<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>
上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。
title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好),如右侧案例代码(8-12行)。
注意:还有一个有趣的现象不知道小伙伴们发现了没有,只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色),颜色很难看吧,不过没有关系后面我们学习了css样子就可以设置过来(a{color:#000}),后面会详细讲解。