HTML常用标签

a 标签的用法

• 作用：用于打开一条超链接

 - 属性
href的取值范围
		1、网站链接
		
		2、路径
				（1）相对路径
				（2）绝对路径
				
		3、伪协议
			 （1）JavaScript:;
			 （2）malito:邮箱
			  （3）tel:手机号
target:
		_blank 新建空白页面后打开
		_top 在顶级打开
		_parent	在上一层级打开
		_self	在自处位置打开
		（可以配合iframe使用，但是逐渐被弃用，后可以用ajex顶替）
		
download:
		下载当前页面，但是手机浏览器兼容性差，相对鸡肋

rel=noopener:
		用于解决可被恶意网站利用的安全漏洞

img 标签的用法

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

 - 属性

	alt 
		图片加载失败时的提示文本
	src
		必须输入的，它包含了你想嵌入的图片的文件路径
	height
		设置图片的高度
			
	width
		设置图片的宽度

• 事件
  onload
  只要页面DOM加载完成就触发，无需等待依赖资源的加载。
  onerror
  处理程序接收事件对象

• 响应式
  max-width:100% 宽高自适应

table 标签的用法

• 作用：设置一个表格

 - 属性
		thead 
			图片加载失败时的提示文本
				
		tbody
			主体内容的载体
				
		tfoot
			设置表格底部
		
 		th
			表头
				
		tr
			表行
				
		td
			主体内容

• 相关的样式

  • table-layout
    控制表格布局

  • border-collapse
    清除表格间距

  • border-spacing
    控制表格间距大小

其他感想
HTML标签数量繁多，但是常用的是集中那几个，只要把比较常用的标签以及他的属性记住，就能应付大部分的需求了。