先说如何打开网页把:
通过输入网址打开你的页面。你可以通过命令行yarn global add http-server下载工具,实现通过网址访问页面,下载后你可以执行http-server -c-1命令或者执行它的简化方式hs -c-1
如果上述方式打不开可以选用yarn global add parcel(安装),parcel a-href.html访问的路径,效果和http-server相同
以上两种打开方式:不能双击打开
1.<a>标签
<a>元素可以创建通向其它网页、文件、同一页面内位置、电子邮件地址或任何其他URL的超链接。
<a href="//baidu.com">百度</a>
<a href="//baidu.com"> <img src="dog.jpg"></a>
<a>标签里面也可以放置段落、文字、图片等其他元素
<a>标签的属性
- href (常用)
- target(常用)
- download
- rel=noopener
<a>标签的作用
- 跳转到外部页面
- 跳转到内部锚点
- 跳转到邮箱电话
<a>标签href的取值
网址:
<a href="https://baidu.com">百度1</a>
<a href="http://baidu.com">百度2</a>
<a href="//baidu.com">百度3</a>
路径:
<a href="index.html">index.html</a><a href="./index.html">index.html</a>
伪协议:
<a href="javascript:alert(1);">JavaScript伪协议</a><a href="#xxx">查看</a>
<a href="mailto:xxxxxx@qq.com">发邮件给我</a>
<a href="tel:137xxxx6597">打电话给我</a>
<a>标签的target的取值
target: 该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。
target="_self":在当前页面加载。如果么有指定属性,该值是默认值。target="_blank":在新窗口打开target="_parent":会加载到当前页面的父页面。如果没有父页面,则同等于_selftarget="_top":会加载到最上层页面,祖先及页面。如index1.html包含index2.html包含index3.html,则index3.html中的跳转会加载到index1.html上