HTML重点难点

316 阅读1分钟

先说如何打开网页把:

通过输入网址打开你的页面。你可以通过命令行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":会加载到当前页面的父页面。如果没有父页面,则同等于_self
  • target="_top":会加载到最上层页面,祖先及页面。如index1.html包含index2.html包含index3.html,则index3.html中的跳转会加载到index1.html上

2.<tabel>标签