二、标签的学习[非重点]

form标签

作用: 获取用户输入的各种信息 并提交给服务器

点击查看代码

<form action="http://www.baidu.com">  
  <!--maxlength最大字符长度     value设置默认值     readonly只读-->
   用户名:<input type="text" name="username" maxlength="5"        value="abc" readonly ><br> 
   密码:<input type="password" name="password"><br>    
  <!--value是单选框必须添加的属性 否则提交on    checked默认选中-->    
  性别:<input type="radio" name="gender" value="m" id="r1">    
  <label for="r1">男</label>    
  <input type="radio" name="gender" checked value="w">女<br>    
  兴趣爱好:<input type="checkbox" name="hobby" value="cy">抽烟    
  <input type="checkbox" name="hobby" checked value="hj">喝酒    
  <input type="checkbox" name="hobby" value="tt">烫头<br>    
  生日:<input type="date" name="birthday"><br>    
  靓照:<input type="file" name="pic"><br>    所在地:    
  <!--value设置提交的内容    selected默认选中-->    <select name="city">        
  <option value="bj">北京</option>        <option value="sh">上海</option>        
  <option value="gz" selected>广州</option>    </select><br>    
  <input type="submit" value="注册"></form>

分区标签

• 作用: 可以理解为是一个容器,将多个有相关性的标签进行统一管理
• 块级分区标签div: 特点是独占一行
• 行内分区标签span: 特点是共占一行
• 页面区域如何划分? 至少分为三大区(头,体,脚) 每个大的区域再划分n个小的区域
• HTML5的标准中新增了一些语义更强的分区标签,为了提高代码的可读性. 这几个标签的作用和div一样都是块级分区标签

例如:header头footer脚main主体 section区域nav 导航