a标签的用法
- 属性:href、target、download(下载页面)、 rel= noopener(后期js配合)
- 作用:跳转外部页面、 跳转内部锚点、 跳转到邮箱或电话等
- href取值:
链接;路径;伪协议;id(锚点--#id);
发邮件mailto:邮箱号;tel:手机号
- target取值:
_blank(新窗口打开) _top _parent _self(默认值当前页面打开)
_xxx(自己创建窗口)
table标签:
- thead+tbody+tfoot :组合使用,用来规定表格的各个部分(表头、主体、页脚)
- <tr>行
- <th>表头
- <td>表内容数据
- table-layout:属性,有不同的属性,一般使用auto,会根据表内容进行调整表宽和高。
- border-spacing:每一个格子的大小
- border-collapse:使格子之间没有缝隙,连接起来的
img标签:
- 作用:发出一个get请求,展示一张图片。
- 属性:
- alt:当图片加载失败时,出现文字提示用户;
- height/width:图片的高度和宽度,如果只写宽度/高度,另一个为注明的属性会自适应;如果两个同时写,那么图片就会变形,这还绝对不允许的,不可以改变他的比例。
- src:一般是图片的地址(可以是相对路径也可以是绝对路径)。
- onload/onerror:用来测试,同时在图片失败的时候进行挽救;
首先制作挽救的图片,编辑进去,当失败是会出现,给用户更好的体验;
- 响应式:一般都会默认在手机上可以看到的,只需要加上这句好就成为了其他的适应尺寸: max-width:100%
。
form标签
- 作用:发get或者post请求,提交数据
- 属性:
- action:请求哪一个页面
- autocomplete:是否自动填充,只有两个值:on/off,on会自动建议一些用户名。
- target:将哪一个页面从xxx窗口打开
input标签(form标签内,input都要有name属性)
- type属性值:
- submit-提交
- text-文本输入
- password-密码输入
- color-颜色
- radio-(单选框,需要用name来二选一)
- checkbox-(多选框,用同一个name来区别是不是一组)
- file-文件添加(如果是多选加上+multiple)、
- hidden-(隐藏)
- textarea:多行文本域
- select:下拉选择,option选项
其他感想
iframe标签(不建议使用;想法-seo可以参考下这个标签,可能会有一些黑帽seo操作思路)