2021-03-14（html核心用法：重难点标签）

英语小课堂

a标签

属性：href，target，download，rel=noopener

注意不要双击打开网址：

网页打开方式（用户的方式打开）：1在终端中输入yarn global add http-server

                                                          2http-server . -c-1

                                                          3用ctrl加左鼠标点击打开

herf的作用：

取址方式

1网址

http://google.com

https://google.com

//google.com

2路径

/a/b/c（注意这里的文件是相对路径，而不是绝对路径，因为网页在服务器中打开，而不是本地打开）

3伪协议

1直接执行js，href="javascript:;"可以实现什么都不做的效果

2跳转到id的行数herf="#...."

3发送邮件给对方herf="mailto:[email protected]"

4打电话href:"tel:手机号"

总结：href标签可以跳转到外部页面，跳转到内部页面，跳转到邮箱或者电话等

target的取值

_top在顶级窗口打开

_parent在当前连接的iframe 的上一层

_blank在空白的页面打开

_self在自己页面打开（默认值）

window窗口的打开命名，target="name"

iframe src="" name=""

iframe标签（已经很少使用）

table标签

tr是table里面的行

th是表头

td是表数据

tbody（表体），thead（表头），tfoot表尾

和写的顺序无关，只要写了就能自动排布

相关的样式

table-layout,值：auto（根据内容预测宽度），fixed（通过表格的宽度来设置）

border-collapse,值：collapse（合并的意思），border-spacing：0（间隙为0）

img标签

作用：发出一个get请求，并展示一张图片

img属性

1src="一般是图片的地址，"

2alt作用是如果图片显示失败，显示的文字

3width（宽度），height（高度）

事件：onload/onerror

响应式：max-width:100%

可替换元素

form标签(表单)

作用：发送get或post请求，然后刷新页面

属性：action/autocomplete/method/target

action：请求或者提交的地址

autocomplete：on或者off自动显示账号

提交的方式：post或者get

target：如同a标签一样是在self还是blank

事件：onsubmit

input标签

input和button的区别，button中可以添加新标签，而input中不支持其他标签

注意：form中必须有一个submit的type标签

input中的type有radio，checkbox，text，file（文件），hidden（用来给js自动填写信息）等种类

textarea：style：resize：none，无法拖动，

select：选择表单 属性：option 值：value

事件：onchange事件（用户改变的内容），onfocus（用户聚焦的内容），onblur（用户失去聚焦的内容）

注意：一般不监听input的click事件，form里面的input要有name，form里要放一个submit才能触发submit事件

video标签，audio标签，canvas标签，svg标签