前端大牛养成之路

html基础——2017.2.16

2017-02-16  本文已影响12人  小白你怎么这么白

不序列表

中间

不序列表

<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>

可以嵌套其他标签

有序列表

  1. 自定义列表

    文本标题

    表格标签

    快捷键:

    ctrl+{ 左缩进

    ctrl+} 右缩进

    整个表格

    单元格

    合并单元格

    一个单元格合并两行

    一个单元格合并l列行

    div标签

    块级标签,占一行

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

    //emmet语法

    span{我是span标签$}*3

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

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

    表单

    用户名:

    性别:男 女

    密码框

    多选框

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

    公历

    文本域

  2. 上一篇 下一篇

    猜你喜欢

    热点阅读