a标签的用法

a的hred的取值部分

1. 网址类型：https://baidu.com http://baidu.com //baidu.com
   它的作用：直接跳转到对应链接，建议用//baidu.com这种格式，能够自动选择适用https还是http
   举个栗子：百度一下

2. 路径：/a/b/c.html以及a/b/c.html    index.html以及./index.html
作用：在当前目录下找到对应的文件
3. 伪协议
①JavaScript代码：直接执行JS用的，现在基本不用了
②mailto邮箱：发邮件给小离冥
③tel手机号：用于打电话
4.id
href="#xxx",用于跳转内部锚点

a的target的取值

_blank：在新窗口打开
_self:在当前窗口打开
_top:在最顶层窗口打开（不常用）
_parent：在当前窗口的上一层打开（不常用）

---

img标签的用法

img标签的作用和属性

   发出get请求，展示一张图片
  1.alt:当图片加载不出来的时候，可以用这个提示
  2.height:设置图片高度
  3.width:设置图片宽度,长宽比自动适应
  4.src:图片地址
  5.onloal:记录图片加载成功
  6.onerror:记录图片加载失败
  7.max-width：响应式设置为100%，这样在手机上也可以将图片完整的展现出来
  如果图片加载失败，可以这样补救
  

---

table标签的用法

table相关的标签

1.table:表格
2.thead:表头，在表格最上方
3.tbody:表身
4.tfoot:表尾，不管代码里顺序如何，都在表格最下方
5.tr:表格里的一行
6.td:数据
7.th:表头

    

        

            
表头
            
加粗
            
th
        
    
    

        

            
内容
            
正常
            
td
        
    

table相关的样式

1.table-layout:定义表格布局行列的算法
2.border-collapse:合并表格之间的间隙
3.border-spacing:0:表格之间的距离为0

---

form标签的用法

form标签的作用和属性

  发送get或post请求，然后刷新页面
1.action:请求控制到哪个页面
2.autocomplete:是否自动填充
3.mothod:控制使用get还是post
4.target：规定在哪个窗口打开页面

---

input标签的用法

input常用的类型type及作用

    1.text:     最常见的文本输入框（require：输入框必填）
    2.color：   颜色选择器
    3.password: 不展示具体内容（类似密码输入）
    4.radio:    单选（同一组的用相同的name来确定）
    5.checkbox：多选（同一组的用相同的name来确定）
    6.file：    选择文件（type='file' multiple 选择多个文件）
    7.hidden:   隐藏输入框（看不见的，给机器用的）
8 textarea sytle='resize: none' 提供给用户一个输入框，较大的那种
9 select + option: 创建一个下拉选择框

   

饥人谷HTML重难点标签学习笔记