一、a 标签的用法
作用:
△跳转到外部页面 △跳转到内部锚点 △跳转到电话或邮箱
属性:
△href 引用链接到某个网页 △target 设置新链接的打开窗口
△download 下载 △rel = noopener
href取值:
①网址:https://google.com http://google.com .//google.com
②路径:/a/b/c a/b/c index.html ./index.html
③伪协议:javascript:代码 (javascript:;空的js伪协议,什么都不做) mailto:邮箱 tel:手机号
④ID:href = #xxx
target取值:
①_blank 空白页面打开
②_top 在存在嵌套关系的网页时,在顶层窗口打开
③_parent 父级窗口打开
④_self 当前窗口打开(默认设置)
⑤windows的name (target = "xxx")
⑥iframe的name
测试工具:
命令行:
① yarn global add http -server -c -1 (缩写 hs -c-1 c:缓存 -1:不要)
② yarn global add parcel
parcel xxx.html
二、img 标签的用法
作用:
△发出get请求,展示一张图片
属性:
△alt 在图片无法加载时呈现在页面上的图片说明文字
△height 高度 △width 宽度 △src 资源引用
事件:
△onload 加载时 △onerror 报错时
响应式:
max -width :100%
三、table 标签的用法
语法:
<table>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
<tr></tr>------table row
<th></th>------table head
<td></td>------table data
相关样式:
table - layout 表格布局
border - collapse 边框合并
border - spacing 边框间距