html⽹页链接
1>⽤<a>标签实现。href属性设置了要链接的⽹址。
链接路径URL:Uniform Resource Locator的缩写。统⼀资源定位符。
4部分组成:协议名、主机名、⽂件夹名、⽂件名。
相对URL通常只包含⽂件夹名和⽂件名。绝对URL包含全部信息。
2>设置链接的⽬标窗⼝。target属性,定义链接打开的⽬标窗⼝或框架,定义新的窗⼝。
target属性的属性值及其功能:
target属性值及功能
_blank 将链接的⽂档载⼊到⼀个新的未命名的浏览器窗⼝
_parent将链接的⽂档载⼊包含该链接框架的⽗框架集或窗⼝。
_self将链接的⽂档载⼊链接所在的同⼀框架或窗⼝,通常不需要设置
_top将链接的⽂档载⼊整个浏览器窗⼝,⽽删除所有的框架
3>设置链接的提⽰信息,使⽤<a>标签的title属性。
4>链接⽹站内部的不同⽹页。将href设置成要链接的⽹页名称。
5>使⽤锚链接到同⼀个⽹页的不同位置。添加的锚点:id必须唯⼀
<a id="html"></a>
<a id="css3"></a>
1 <body>
2 <div >>
3 <h1 align="center">⽹页的超链接设计</h1><hr />
4 <h3 >使⽤锚链接到同⼀个⽹页的不同位置</h3>
5 <a href="#html">HTML概念</a><br />
6 <a href="#css3">CSS3概念</a><br />
7 <a href="#JavaScript">JAVAscript概念</a><hr />
8 <a id="html"></a>
9 <h4>HTML</h4>
10 <p>HTML 的具体概念,,,,,,,,,,,你懂得</p>
11 <hr />
12 <a id="css3"></a>
13 <h4>CSS3</h4>
14 <p> 的具体概念,急急急急急急然后你懂得。!!</p>
15 <hr />
16 <a id="JavaScript"></a>
17 <h4>JAVAscript</h4>
18 <p>javascrpt 的具体的内容然后你懂得!!!</p>
19 </div>
20 </body>
6>使⽤锚链接到另⼀个⽹页的特定位置。
1 <h3 >使⽤锚链接到另⼀个⽹页的特定位置</h3>html网页设计超链接
2 <a href="锚链接练习⽹页1.html#html " target="_blank" title=" 你讲前往下⼀个⽹页">HTML的介绍</a><br />
3 <a href="锚链接练习⽹页1.html#css3" target="_blank" title=" 你就等着瞧吧!哈哈哈">CSS3的介绍</a></div>
1 <body>
2 <a id="html"></a>
3 <h3>HTML介绍</h3>
4 <p>hhffhsjkfkjashfkaflh黄飞鸿放寒假啊上课了废话多萨科技家飞回家看发货就看到就发货啊发卡量发卡量房价控制法律啊安康</p>
5 <a id="css3"></a>
6 <h3>CSS3介绍</h3>
7 <p>发⽣的恢复健康哈萨克链接粉红⾊开讲啦护肤⽼师发科技爱好是开发技术呵呵呵</p>
8 </body>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论