HTML扫盲

1. 、lang、charset

• ：文档类型声明，作用：告诉浏览器使用哪种HTML版本来显示网页。
• lang：告诉浏览器这是个什么主语言的网页，en英文，zh-CN中文
• charset：字符集。

2. div、span

• div：大盒子，一个div占一行
• span：小盒子，多个span可以共占一行

3. img（alt、title）

• alt属性：图片不能正常显示时显示的文字
• title属性：提示文本，鼠标放到图像上提示的文字

4. a（target属性、锚点链接）

• target属性：1）_self：默认，当前窗口跳转；2）_blank：新窗口跳转

• 锚点链接：1）点击跳转

  ​ 2）

  目标位置

5. table(、cellpadding、cellspacing、合并单元格)

• ：表头单元格，放在第一行标签中

• cellpadding属性：表格内容与表格单元的间距

• cellspacing属性：各表格单元的间距，默认2px，一般设为0

• 合并：1）：跨行合并

  ​ 2）：跨列合并

  ​ 注：合并之后要删除多余的单元格

6. form（input、select、textarea）、label

•   <form action="url地址" method="POST" name="名字">
        用户名：<input type="text" name="username" value="请输入用户名" maxlengh="最大输入长度"> <br>
        密码：<input type="password" name="pwd"> <br>
        
        
        性别：男<input type="radio" name="sex" value="1" checked="checked"> 女<input type="radio" name="sex" value="2"> <br>
        爱好：吃饭<input type="checkbox" name="hobby" value="1"> 睡觉<input type="checkbox" name="hobby" value="2"> <br>
        籍贯：
        <select>
            <option>北京option>
            <option selected="selected">上海option>
        select> <br>
        个人简介：<textarea>请输入个人简介textarea> <br>
        上传文件：<input type="file"> <br>
        
        
    form>
  

• ：为了增加用户体验。绑定一个表单元素，点击文本时让光标自动对应到表单元素上。

  使用：label的for属性要对应到所选标签的id属性

  <input type="radio" id="man"><label for="man"> 男 label>