7.12笔记

1.unordered list <ul></ul>无序列表,每一个列表项是UL标签里的是<li></li>标签

2.ordered list <ol></ol>有序列表 ,ol标签有两个属性:start 的值为一个数字，表示从第几开始计数   type 属性的可选值有 a A i I 1  例如：<ol start="4" type="I">

3.列表内部链接网站：<li><a href="网址">内容</a></li>

4.em标签 倾斜    例如：<li><em>内容</em></li>； strong 变粗    例如：<li><strong>内容</strong></li>

5.表格：<table></table>

         （1）表格边框 border="1px"

         （2）表格宽度width="600px"

         （3）单行表格<tr>内容</tr>           该行表格单列<td>内容</td>  width="100px"设置该单元格宽度

例如：<table border="1px" width="600px">         

          <tr><td width="100px">姓名</td>

         <td>性别</td>
         <td>成绩</td>
         </tr>

6.合并单元格  colspan 横向合并   

例如：<tr>
          <td width="100px" colspan="要合并的单元格数">内容</td>
          <td width="100px">内容</td>
          </tr>

rowspan纵向合并

例如：<tr>
          <td width="100px" rowspan="要合并的单元格数">内容</td>
          <td width="100px">内容</td>
          <td width="100px">内容</td>
</tr>

7.（1）表单标签；<form>内容</form>

（2）文本输入框 <input type="text">

（3）数字输入框 <input type="password">

（4）选择   选项name相同，则为单选

<input type="radio" name="xb"> 男
<input type="radio" name="xb"> 女

（5）多选

<input type="checkbox">小说
<input type="checkbox">游戏
<input type="checkbox">音乐
<input type="checkbox">旅游

（6）下拉框

<select>
<option>--请选择--</option>
<option>内容</option>
<option>内容</option>
</select>

（7）输入型文本框

<textarea cols="数值" rows="数值" style="vertical-align: top">内容

</textarea>

cols宽   rows高

vertical-align: top居左顶头对齐

（8）添加按钮

①<input type="button" value="内容">

②<button>内容</button>