html基础——2017.2.16

不序列表

中间

不序列表

<ul>

     <li>中间可以嵌套其他标签</li>

</ul>

有序列表

<ol>

     <li></li>

</ol>

自定义列表

<dl>

     <dt>文本标题</dt>

     <dd></dd>

     <dd></dd>

表格标签

快捷键：

ctrl+{ 左缩进

ctrl+} 右缩进

<table>整个表格

      <thead>

              <th></th>

      </thead>

      <tbody>

      <tr>行

          <td>单元格</td>

      </tr>

     </tbody>

</table>

合并单元格

<td rowspan="2">一个单元格合并两行</td>

<td colspan="2">一个单元格合并l列行</td>

div标签

块级标签，占一行

span标签  行级标签，可以和其他行内标签共享一行

//emmet语法

span{我是span标签$}*3

块：p,div,ul,ol,dl,li,dt,h1-h6

行：span,strong,em,文本相关的标签都是行内标签

表单

<form action="#">

     用户名：<input type="text"  value="123">

     性别：男<input  type="radio" checked name="gender"> 女<input  type="radio" name="gender">

     密码框

     <input type="password">

     多选框

      <input type="checkbox">

multiple 代表：生成一个展开的下拉列表     

      <select name ="" id="" multipe="multiple">

          <option value="1" selected='true'>公历</option>

     </select>

文本域

     <textarea clos="20" row="10">

     </textarea>

</form>

可以嵌套其他标签

有序列表

自定义列表

文本标题

表格标签

快捷键：

ctrl+{ 左缩进

ctrl+} 右缩进

整个表格

单元格

合并单元格

一个单元格合并两行

一个单元格合并l列行

div标签

块级标签，占一行

span标签  行级标签，可以和其他行内标签共享一行

//emmet语法

span{我是span标签$}*3

块：p,div,ul,ol,dl,li,dt,h1-h6

行：span,strong,em,文本相关的标签都是行内标签

表单

用户名：

性别：男 女

密码框

多选框

multiple 代表：生成一个展开的下拉列表

公历

文本域