超链接
用a标记创建超链接
< a href=“跳转目标” target="">< /a>
href用于指定跳转目标url的地址
href=“#”,表示该链接暂时为一个空链接
href=“javascript:void(0)”,也表示该链接暂时为一个空链接
target用于指定链接页面的打开方式,取值有_self和_blank两种
_self为默认值,意为在原窗口中打开,
_blank,意为在新窗口中打开
锚点链接
如果网页内容较多,页面过长,浏览页面时,就要一直的拖动滚动条,
效率较低,且不方便,为了提高信息的检索速度,HTML提供了一种特殊的链接——锚点链接,通过创建锚点链接,用户能够快速定位到目标内容。
代码如下:
< body>
< ul>
< li>< a href="#one">平面设计01< /a>< /li>
< li>< a href="#two">平面设计02< /a>< /li>
< li>< a href="#three">平面设计03< /a>< /li>
< li>< a href="#four">平面设计04< /a>< /li>
< /ul>
< br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< p id=“one”>平面设计01< /p> < br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< p id=“two”>平面设计02< /p> < br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< p id=“three”>平面设计03< /p> < br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< p id=“four”>平面设计04< /p>< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />< br />
< br />< br />< br />< br />< br />< br />< br />< br />
< /body>
效果如下:
平面设计01
平面设计02
平面设计03
平面设计04