前端各种链接的收集(个人笔记)

本文包含(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文件，可设置路径;