超链接 a 标签

超链接 a 标签

通过 a 标签可以在网页中打开其他的链接

一、超链接 a 的语法

主要用于打开其他网页,其中非常重要的属性是 href 属性,对应的值是其他网页的链接

  • 如果是其他网站的链接,要以 http:// 开头
  • 如果不想跳转到其他链接,写成 javascript:void(0)
  • 打开同一个项目中的链接 直接写相对地址就行了

属性 target="_blank",打开新的窗口实现链接跳转

二、代码实战

新建 html 文件 08-a.html,编写下方程序,运行看看效果吧

代码语言:javascript
复制
<!DOCTYPE html>
<htmllang="en">
&lt;head&gt;
    &lt;metacharset=&#34;UTF-8&#34;&gt;
    &lt;metahttp-equiv=&#34;X-UA-Compatible&#34;content=&#34;IE=edge&#34;&gt;
    &lt;metaname=&#34;viewport&#34;content=&#34;width=device-width, initial-scale=1.0&#34;&gt;
    &lt;title&gt;超链接a标签&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;ahref=&#34;http://www.xxxx.com&#34;&gt;xxx网站&lt;/a&gt;
    &lt;br/&gt;
    &lt;ahref=&#34;javascript:void(0)&#34;&gt;不跳转&lt;/a&gt;
    &lt;br/&gt;
    &lt;ahref=&#34;./07-ul.html&#34;&gt;UL标签&lt;/a&gt;
    &lt;br/&gt;
    &lt;ahref=&#34;./07-ul.html&#34;target=&#34;_balnk&#34;&gt;UL标签,新窗口&lt;/a&gt;
&lt;/body&gt;

</html>