HTML常用标签

108 阅读2分钟

以下主要介绍a标签、img标签以及table标签的基本用法。


一、a标签

a标签定义超链接,用于从一张页面链接到另一张页面。

(一) 标签属性

  • href
  • target
  • download
  • rel=noopener

(二)标签作用

  • 跳转到外部页面
  • 跳转内部锚点
  • 跳转到邮箱或电话等

(三)属性取值

1、href属性取值

  • 网址
  • 路径
  • 伪协议

2、target取值

  • _blank
  • _top
  • _parent
  • _self

不同target取值区别如下:


二、img标签

(一)作用

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

(二)属性

  • alt
  • height
  • width
  • src

注:height与width属性只取一个值时另一个值会自适应,而都取值时图片会变形。一定要注意不要让图片变形。

(三)事件

  • onload
  • onerror

(四)响应式

当编辑的图片在手机中显示时,请在css样式中加入 max-width:100% ,使该图片在不同的浏览设备上浏览时都铺满整个页面。


三、table标签

在指定位置添加表格。其内部只能有三个标签,其完整的格式如下:

  • <thead>表示表头,一般为表格的首行
  • <tbody>表示数据部分
  • <tfoot>表示表尾
  • <th>标签表示表头元素
  • <td>表示表单数据

当为两个表头的表格时,请在每一行<tbody>内首列添加<th>


感想:标签的内容十分繁杂,需要不断的拓展知识面,不断的积累,不断地复习,慢慢的才能提升到一个更高的高度。其中一些细节需要不断回顾。前端的知识很多偏向于记忆的内容,需要不断回顾来完善自己的知识体系,并且不断的翻阅书籍,打牢根基。