英语小课堂
a标签
<a></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:15251778226@163.com"
4打电话href:"tel:手机号"
总结：href标签可以跳转到外部页面，跳转到内部页面，跳转到邮箱或者电话等
target的取值
_top在顶级窗口打开
_parent在当前连接的iframe 的上一层
_blank在空白的页面打开
_self在自己页面打开（默认值）
window窗口的打开命名，target="name"
iframe src="" name=""
iframe标签（已经很少使用）
table标签
<table></table>
tr是table里面的行
th是表头
td是表数据
tbody（表体），thead（表头），tfoot表尾
和写的顺序无关，只要写了就能自动排布
相关的样式
table-layout,值：auto（根据内容预测宽度），fixed（通过表格的宽度来设置）
border-collapse,值：collapse（合并的意思），border-spacing：0（间隙为0）
img标签
<img></img>
作用：发出一个get请求，并展示一张图片
img属性
1src="一般是图片的地址，"
2alt作用是如果图片显示失败，显示的文字
3width（宽度），height（高度）
事件：onload/onerror
响应式：max-width:100%
可替换元素
form标签(表单)
<form></form>
作用：发送get或post请求，然后刷新页面
属性：action/autocomplete/method/target
action：请求或者提交的地址
autocomplete：on或者off自动显示账号
提交的方式：post或者get
target：如同a标签一样是在self还是blank
事件：onsubmit
input标签
<input></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标签
网友评论