HTML常用标签

1.a标签的用法

属性

• href 超链接
• • 写超连接的网址 http;//…… https://…… //……
• • 写文件（相对/绝对）路径（绝对路径的根目录是相对于http服务开启的目录路径）
• • Javascript:代码; js伪协议用法 做一个点击之后没动作的a标签（空的js代码）
• • #xxx（id）跳转到对应id（跳转到内部锚点）
• • mailto：邮箱 跳转到发邮件到该邮箱
• • tel：手机号 拨打对应号码
• target指定在哪个窗口打开（新建窗口或当前窗口）
• • _blank 新窗口打开
• • _self 当前窗口打开
• • _parent 在当前链接的上一层打开
• • _top 在顶级窗口打开，需要至少两个窗口才能体现如包含iframe
• 自定义xxx 如果没有xxx窗口则创建一个新的窗口window.name=xxx，有则在xxx窗口打开（iframe也可以自定义target属性）
• download下载网页，部分浏览器不支持
• rel=noopener防止bug

2.img标签的用法

作用

• 发出get请求，展示图片

属性

• alt 加载失败后显示的文字
• height/width 高/宽 只定义其中一项另一项会自适应，定义两项图片会变形
• src source 图片地址

事件（用于测试）

• onload id.onload = function() 图片加载成功
• onerror id.onerror = function() 图片加载失败，可以添加加载失败用图

响应式

• max-width:100%

3.table标签的用法

标签

• thead th 表头（可无）
• tbody 表格主体
• tfoot 脚注（可无）
• tr table row 表行
• td table data 数据

样式

• table-layout
• • auto 根据内容确定各列宽度
• • fixed 平均各列宽度
• • border-collapse:collapse / border-spacing:0px合并表格间空隙

4.其他感想

• 不要双击打开html文件（绝对路径会出错）
• • 部分网页不允许iframe指向他
• a标签地址继承当前网页协议 无协议→http→http://www→https
• //无协议最高级，自动选择http/https
• Iframe × ajax √