本帖最后由 Zy_阿匠 于 2017-1-3 15:49 编辑
第1课时
有序列表与无序列表
1、有序列表<ol></ol>,中间跟着列表项<li></li>。例如：
<ol>
<li>……</li>
<li>……</li>
</ol>
2、无序列表<ul></ul>，例如：
<ul>
<li>……</li>
<li>……</li>
</ul>
3、首先<ol>或者<ul>标签与<li>标签之间最好不要嵌套任何标签，但是<li>标签之间可以嵌套其他标签
其次<ol>标签与<ul>标签和<li>标签都是块状元素，各自独占一行
第2课时
自定义列表
1、自定义列表标签<dl></dl>，其中包括定义小标题的列表项标签<dt></dt>及列表项标签<dd></dd>
例如:
<dl>
<dt>….</dt>
<dd>….</dd>
<dd>….</dd>
</dl>
第3课时
表格标签
1、表格标签用<table>表示，行标签用<tr>表示，单元格标签用<td>表示，标题标签用<th>表示
2、另外，<table>标签也具有更有语义化和完整的标签，<thead>标签和<tbody>标签，更加符合网站
的SEO
3、基本语法：
<table>
<thead>
<tr>
<th>….</th><th>……</th>
</tr>
</thead>
<tbody>
<tr>
<td>….</td><td>……</td>
</tr>
</tbody>
</table>
4、单元格合并，在一行中合并n个单元格，在<td>标签中插入属性 colspan=“n”表示
在n行中合并n个单元格，在<td>标签中插入属性rowspan=“n”表示，例如：
<td rowspan=“n”>……</td>
<td colspan=“n”>…….</td>
第4课时
块级标签和行内标签
1、块级标签<div>,独占一行，可以嵌套其他标签
2、行内标签<span>，只占一行中的一部分，一般包裹文本。在sublime中，利用emmet语法快速
建立多个<span>标签的方法为：span{内容$}*n。n代表建立几个span标签，内容为包含的文本
$代表内容编号，例如1、2、3.....
3、常见的块级标签包括：p、ul、ol、li、div、h系列等，常见的行内标签包括：span、em、strong等
第5课时
表单标签
1、表单用标签<form>表示，所有的表单标签及内容都必须被包含在此标签中,其中action的属性指向后台
2、用<input>标签定义所要用的表单，标签内type类型不同，所要表示的表单也不同
3、（1）文本框定义：<input type=“text” value=“”> value中的值为文本框里默认内容
（2）单选按钮定义：<input type=“radio” name=“” checked=“checked”>，其中设置name属性相同，才可以
生成单选，check属性为表示当前按钮为默认选项
（3）多选框定义：<input type=“checkbox” checked=“checked”>
（4）下拉列表框：<select id=“” name=“” > <option value=“”>…</option></select>
全部展示出来的列表框：<select id=“” name=“” multiple=“multiple”>
<option value=“” select=“true”>….</option>
</select>
其中，“multiple”定义展示所有选项的下拉列表框，”select=“true""定义默认选项
（5）文本域定义：<textarea rows=“” cols=“”> </textarea>
（6）密码框定义：<input type=“password”></input>
|
|
收藏
淘帖
踩
