HTML常用标签（HTML笔记2 4.9）
不允许双击打开页面,有两种工具打开
- yarn global add http-server
- 终端输入 http-server . -c-1（ctrl并单击任一网址,http-server缩写hs）
- yarn global add parcel
- parcel a-href.html
单词
- hyper target reference frame error blank parent self load canvas
- 超级 目标 引用 边框，框架 错误 空白 父母 自己 加载 画布
1.<a>标签
属性
href
- 在哪一个窗口打开那个超链接
- 取值有 1. 网址 开发者工具Network点上Preserve log 2. 路径 3.伪协议
target
- 指定在哪个窗口打开超链接
- 内置名字
- 程序员命名
downld
- 下载网页，不用
rel=noopener
作用
-
跳转外部页面
-
跳转内部锚点
-
跳转到邮箱或电话等
2.<iframe>标签
内嵌窗口
3.<table>标签
相关的标签
<table><thead>头<tbody>身<tfoot>尾<tr>table里的一行<td>数据<th>表头
相关的样式
- table-layout
- border-collapse 控制是否合并
- border-spacing 控制border之间的距离
4.<img>标签
作用
- 发出get请求，展示一张图片。
属性
- alt 显示文字提示用户
- height/width
- src 图片的地址
事件
- onload/onerror 监听图片是否加载成功
响应式
- max-width:100% 最大宽度
可替换元素
-
在 [CSS] 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
-
简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如
<iframe>元素，可能具有自己的样式表，但它们不会继承父文档的样式。
5.<form>标签 （表单）
作用
- 发get/post请求，然后刷新页面。
属性
- action 请求页面的地址。
- method 控制用get/post请求。
- autocomplete 建议值
- target 刷新哪个页面
事件
- onsubmit 提交
6.<input>标签 输入
作用
- 让用户输入内容
属性
- 类型type:button/checkbox/email/file/number/password/radio/search/submit
- 其他 name/autofocus/checked/diabled
事件
- onchange 用户改变的内容
- onfocus 用户聚焦的内容
- onblur 用户失去聚焦的内容
验证器
- HTML5 新增功能
其他输入标签
标签
<select+option><textarea><label>
注意事项
- 一般不监听input的click事件
- form里面的input要有name
- form里要放一个type=submit才能出发submit
其他标签
标签
<video><audio><canvas><svg>
注意事项
- 这些标签的兼容性一定要查看文档
- 后续JS里讲
