《HTML常用标签》

·  阅读 99

《HTML常用标签》

本文章主要用于记录学习中的重点知识

一、a 标签(或称锚元素)的用法

<a></a>可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。<a> 中的内容应该应该指明链接的意图。如果存在 href 属性,当 <a> 元素聚焦时按下回车键就会激活它。

作用:

  • 跳转到外部页面
  • 跳转到内部锚点,比如另外一个页面
  • 跳转到邮箱或者电话等

属性

  • href:包含超链接指向的 URL 或 URL 片,可以是网站(http://+网址,https://+网址或者直接//+网址),路径(/a/b/c、xxx.html、./xxx.html)、伪协议和id(href=#xxx会调转到当前页面一个叫xxx的标签)
  • target:该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。其内置的属性有_self(当前页面加载,即当前的响应到同一HTML 4 frame(或HTML5浏览上下文)。此值是默认的,如果没有指定属性的话),_blank(新窗口打开,即到一个新的未命名的HTML4窗口或HTML5浏览器上下文,_parent 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式与 _self 相同),_top(IHTML4中:加载的响应成完整的,原来的窗口,取消所有其它frame,HTML5中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self)
  • download:此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件。如果属性有一个值,那么此值将在下载保存过程中作为预填充的文件名(如果用户需要,仍然可以更改文件名)。此属性对允许的值没有限制,但是 / 和 \ 会被转换为下划线。大多数文件系统限制了文件名中的标点符号,故此,浏览器将相应地调整建议的文件名。
  • rel=noopener:当打开不受信任的链接时,这特别有用,以确保它们无法通过Window.opener属性来篡改原始文档(有关更多详细信息,请参阅 About rel=noopener),同时仍提供 Referer HTTP标头(除非也使用noreferrer)

二、img 标签的用法

<img> 元素将一份图像嵌入文档。

作用

发出一个get请求,展示一张图片

属性

  • src属性是必须的,它包含了你想嵌入的图片的文件路径。
  • alt对图片进行说明,屏幕阅读器会将这些描述读给需要使用阅读器的使用者听,让他们知道图像的含
  • width heigth:设置图片的宽度和高度,一般设置好宽度就好了,高度会根据图片大小自动缩放,这样图片就会失帧,如果设置为max-width=100%图片就会根据界面的大小进行调整。

三、table 标签的用法

作用

通过表格的形式展示数据

相关的标签

其中thead``tbody``tfoot一般没有顺序,浏览器会根据标签自动排序

  • thead:表格的头部,展示这个表格的表头信息,表头数据放在th展示
  • tbody:表格的内容,
  • tfoot表格的底部,比如一张表数据的总计
  • tr表格的一行,可以包含th()和td(数据),如果不写,浏览器会自动加上
  • th表示表头的单元格,默认字体是加粗
  • td表示单元格内的数据
分类:
前端
标签: