a 标签的用法
<a>标签定义超链接,可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
属性
| 取值类型 |
示例 |
描述 |
| 网址 |
<a href="//baidu.com">百度</a> |
无协议网址,自动选用适用的http或https |
| 路径 |
<a href="a/b/c.html">页面c</a> |
相对路径,在当前目录下打开c.html |
| id |
<a href="#xxx">点击跳转</a> |
跳转到指定标签<p id="xxx">一段话</p> |
| 伪协议 |
<a href="javascript:;">AAA</a> |
执行空的js代码 |
|
<a href="mailto:abcdefgh@qq.com">发送邮件</a> |
发邮件 |
|
<a href="tel:123456789">联系我</a> |
拨打电话 |
| 属性 |
值 |
描述 |
| target |
_blank |
在新窗口打开 |
|
_parent |
在父级窗口打开 |
|
_self |
在当前窗口打开,默认 |
|
_top |
在顶层窗口打开 |
|
xxx(自定义) |
创建一个名为xxx的窗口,并在此窗口打开 |
- download: 此属性指示浏览器下载URL或者文件而不是导航到它,因此将提示用户将其保存为本地文件。
img 标签的用法
| 属性 |
值 |
描述 |
| src |
url |
显示图片的路径 |
| alt |
text |
图片无法正常显示时的替代文本。 |
| height |
px |
图片高度(只指定高度,宽度自适应) |
| width |
px |
图片宽度(只指定宽度,高度自适应) |
- 事件:onload/onerror,监听图片是否加载成功。
- 响应式:添加属性
max-width:100%,
table 标签的用法
| 标签 |
解释 |
| table |
表格 |
| thead |
表头 |
| tbody |
表身 |
| tfoot |
表尾 |
| tr |
行 |
| th |
表格头部 |
| td |
表格数据 |
*注:tr内不能插入其他标签。
| 属性 |
解释 |
| table-layout |
为表设置表格布局算法,默认为auto |
| border-collapse |
合并单元格 |
| border-spacing |
单元格间距 |
其他感想
学习课程后,完善了一些知识盲点,对于我学习前端知识非常有帮助。