html链接

html+css网站开发兵书

1.超链接的目标页面

\链接元素

target参数的取值：
    _parent  在上一级窗口打开，分帧的框架页面中使用
    _self    在同一个窗口打开，与默认设置相同
    _top     在浏览器的整个窗口打开，会忽略所有的框架结构【页面结构】

    _blank   新建一个窗口打开

<a href="http://www.baidu.com" target="_parent">百度</a>      
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://www.baidu.com" target="_self">百度</a>
<a href="http://www.baidu.com" target="_top">百度</a>

2.建立书签链接

\杜甫\ 链接

\杜甫\ 目标页

诗词**

锚点链接

<a href="#" name="锚点名称">文字</a>          目标标签
<a href="#锚点名称">用于链接锚点的文字</a>     <!--通过相同的名称找到位置进行跳转-->

<a href="#" name="abc">文字</a>                      目标标签
<div style="height: 1200px;"></div>
<a href="#abc">tiaozhuan</a>                <!--通过相同的abc找到位置进行跳转-->

----------------------------------------------------------------------------------------------
【链接到其它页面】
在链接地址上输入其他页面地址，也可以链接到其他页面的特殊位置
<a href="链接的文件地址#书签的名称">链接的文字</a>

如何使链接的a标签不再显示下划线

【<a name="直立型">    去掉href="#"即可】

<b><h3 style="font-family: 楷体">花卉介绍</h3></b>
    <p id="首页">牡丹以它雍容华贵而闻名，有高有矮，有丛有独，有聚有散，各有所异，一般来说按照其形状或分为5个类型，分别是<a href="#直立型">直立型</a>、<a href="#疏散型">疏散型</a></p>

    <div style="height:2000px;"></div>
    <a  name="直立型">直立型</a>&nbsp;&nbsp;<a href="#首页">返回</a><p>

    <div style="height: 1000px;"></div>
    <a  name="疏散型">疏散型</a>&nbsp;&nbsp;<a href="#首页">返回</a>