本文包含(a链接 css引用 js引用)
一.a链接:
语法示例如下:
<a href="http://www.baidu.com"target=”_blank”>百度</a>
a 是英文 anchor的缩写, 锚的意思
href: 是hyper(超) reference(引用) 的缩写 href的值是一般情况下是一个网络地址
Target: 是目标的意思
_blank: 是空白的窗口也就是新窗口
_self或默认样式:是在本身窗口打开
Title: 悬停文字, 用于补充解释说明
给图片添加超链接的语义:
代码示例如下:
<a href=”http://www.baidu.com”>
<img src=”./images/xx.jpg”/>
</a>
页面内的锚点:
情形一: 回到顶部
代码示例如下
<a href=”#” >回到顶部</a>
情形二:
方式一: 给一个标签添加一个id属性 如下:
<p id=”special”>寻找的地方</p>
<a href="#special">点击跳转</a>
方式二: 给一段文本, 强行添加超链接标签, 然后再使用name属性 如下
<p><a href=”javascript:;” name=”special”>寻找的地方</a></p>
<a href=”#special”>点击跳转</a>
<base target="_self"> || <base target="_blank">:
设置在HTML head标签中,指正文中a标签在自身窗口或新窗口打开;
二:引用外部css:
<link rel="stylesheet" type="text/css" href="style.css">
style.css即为引用的css外部样式;
三:引用外部script:
<script type="text/javascript" src="example.js"></script>
example.js为引用的js文件,可设置路径;