HTML常用标签

132 阅读2分钟
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操作思路)