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