html链接

阳光穿透心脏的1/2处 2022-06-18 04:23 149阅读 0赞

## 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>                
    
    ----------------------------------------------------------------------------------------------
    【链接到其它页面】
    在链接地址上输入其他页面地址，也可以链接到其他页面的特殊位置
    <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>  <a href="#首页">返回</a><p>
    
        <div style="height: 1000px;"></div>
        <a  name="疏散型">疏散型</a>  <a href="#首页">返回</a>