1.a标签的用法

1. 网址：

   https://www.Google.com
   
   http://www.Google.com
   
   //www.Google.com 推荐使用这一种写法。放进浏览器会自动补全
   

2. 路径

   绝对路径：/a/b/c, 注意！这里的根目录指的是http服务的根目录
   相对路径：index.html和./index.html
   

3. 伪协议

    javascript:代码;
     - 应用场景：希望点击a标签之后页面不刷新也不返回到顶部，什么也不做：
     - < a href="javascript:0;"> 
     - 这就相当于执行一段没有意义的js代码
     
   mailto:邮箱
     - <a href="mailto:123@qq.com">
     
   tel:手机号
     - <a href="tel:123456789">
   

4. id

    id: href=#id名，可以跳转到id名为xxx的标签
    如< p id="xxxx">, <a href="#xxx">就可以定位到这个p标签
    
   

5. target

    a. 决定是在本页面还是新开一个页面打开链接
    
    b. 取值：
    1. a_blank 打开新页面
    2. a_self 在当前页面打开
    3. a_top 顶部页面打开
    4. a_parent 在父级页面打开， 3和4适用于有Iframe内嵌窗口的情况
   

2.img标签的用法

1. 作用：

      发出GET请求，展示图片
   

2. 属性：

    src: 图片网络地址或者本地相对绝对地址
    alt: 如果图裂了，无法加载，会显示这个alt属性的文字作为备用
    width 如果只写宽度，高度会自适应
    height 如果只写高度，宽度会自适应
    一个合格的前端不能让图变形！所以就只写宽度或者高度！
   

3. 事件：

   onload 加载成功 onerror 加载失败（可以在加载失败的时候替换一张图提升用户体验）

        <img id="xxx" src="地址" alt="一只狗子">
        <script>xxx.onerror=function(){
          console.log("加载失败")；
          xxx.src="/404.jpg"
        }
   

4. 响应式：

    关键是 max-width:100%
    图片可以自适应手机端不同的屏幕大小
   

3.table标签的用法

1. table标签包含的元素有：

    1.thead
    th   (table head 表头)
    td   (table data 数据)
    2.tbody
    tr   (table row 一行)
    td   (table data 数据)
    3.tfoot
    tr   (table row 一行)
    td   (table data 数据)
   

2. table的样式

    1.table-layout:
    table-layout: auto; auto表示根据内容来计算宽度
    table-layout: fixed; fixed表示定宽，尽可能地让宽度平均
    2.border-collapse 和 border-spacing用来调整表格Border的间隔
    
   

     一般会设置为：
     table {
                 table-layout: auto;
                 border-collapse: collapse;
                 border-spacing: 0;
             }
   

4.个人感悟

实践出真知