html复习

• 本周主要进行知识回顾和复习工作
  首先回顾了html的知识

• 换行标签：<br/>
  特点：强制换行，单标签，换行后中间空隙较小

• 文本格式化标签：

  推荐<strong>加粗</strong>不加粗 ※※
  <b>加粗</b>不加粗
  推荐<em>倾斜</em>文字※※
  倾斜</i>文字
  推荐<del>删除线</del>文字※※
  <s>删除线</s>文字
  推荐<ins>下划线</ins>文字※※
  <u>下划线</u>文字

• 表格知识
  align="center left right"表示表格与周围元素的对齐方式
  cellpadding表示单元格和内容之间的空白
  cellspacing表示单元格之间的空白
  <thead></thead>（表格的头部，一般的表格的第一行）
  <tbody></tbody>（表格的主体区域）

• 单元格知识
  合并单元格
  1.合并单元格方式
  跨行合并：rowspan=“合并单元格数”
  跨列合并：colspan=“合并单元格数
  2.目标单元格
  跨行：最上侧单元格为目标单元格
  跨列：最左侧单元格为目标单元格
  3.删除多余单元格

• 列表知识

列表标签：无序列表 有序列表 和自定义列表
无序列表（无顺序之分，只能嵌套li标签，不能套其他标签，也不能书写文字）
li里面可以放任意元素包括文字

<ul>
        <li>榴莲</li>
        <li>臭豆腐</li>
    </ul>
有序标签
    <ol>
        <li>榴莲</li>
        <li>臭豆腐</li>
        <li>冰红茶</li>
    </ol>
自定义列表：
    <dl>（只允许放dt，dd，但是dt和dd里面可以放任何标签）
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
    </dl>

• 表单域知识

表单域是一个包含表单元素的区域
<form></form>
    1.学表单元素之前，应该有个表单域把他们包含
    2.表单域是form标签
    <form action="url地址" method="提交方式 POST" name="表单域名称">
        各种表单元素控件
    </form>

• 输入
  <input type="text">(用于收集用户信息)
• type属性：
  {
  text（文本框，可以输入任何文字）
  password（密码框）
  radio（单选按钮）
  checkbox（复选框，可以实现多选的效果）
  submit（提交按钮）
  reset（重置按钮）
  button（免费获取验证码类型的按钮）
  file（上传文件）
  }
• input的多样：
  name(定义input元素的名称）
  value（规定input的值，打开页面就可以显示出文字）
  checked（设置checked属性，当页面打开的时候就可以默认选中这个按钮）
  maxlength（最大输入）
• 表单标签

lable（可以绑定一个表单元素，当点击lable标签内的文本时，浏览器会自动将光标转到或者对应的表单元素上，用来增加用户体验
   <label for="性别">性别</label><input type="text" id="性别">
    <input type="radio" id="男"><label for="男">男</label>

• 下拉表单标签

select
    籍贯
    <select>
        <option>山东</option>
        <option selected="selected">四川</option>
    </select>

• 文本域表单元素

textarea（cols显示每行显示多少个字符，rows显示几行）
    <form>
        今日反馈：
        <textarea cols="50" rows="5">
            我知道这个是用textarea写的
        </textarea>
    </form>

• 实例演示

用户名：<input type="text" name="username" value="请输入用户名" maxlength="6">(用于收集用户信息)<br>
密码：<input type="password" name="pwd"><br>
name是表单元素名字，这里性别单选按钮必须有相同的名字name，才可以实现多选1
单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮
性别 男：<input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女"><br>
爱好：吃饭 <input type="checkbox" name="hobby" value="吃饭" checked="checked"> 睡觉 <input type="checkbox" name="hobby" value="睡觉"> 打球 <input type="checkbox" name="hobby" value="打球">
点击了提交按钮，可以把表单域form内的表单元素里面的值提交给后台服务器
    <input type="submit" value="免费注册"><br>
    重置按钮可以还原表单元素初始的默认状态
    <input type="reset" value="重新填写"><br>
    <input type="button" value="获取短信验证码"><br>
    <input type="file" ><br>