码迷,mamicode.com
首页 > 其他好文 > 详细

高级标签

时间:2016-07-12 13:38:42      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

1、列表标签

  自定义列表标签

<dl>

  <dt>标题1</dt>

  <dd>列表项1</dd>

  <dd>列表项2</dd>

  <dd>列表项3</dd>

 

  <dt>标题2</dt>

  <dd>列表项1</dd>

  <dd>列表项2</dd>

  <dd>列表项3</dd>

  <dd>列表项4</dd>

</dl>

这个用的还是比较广泛的。比如京东的页面,手机通讯就好比标题1,之后的手机  对讲机   以旧换新  手机维修就是列表项。

技术分享

2、表格标签(QQ的注册页面竟然是用表格做的

  <table>

    <thead>

      <tr>  

        <th></th>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td></td>

      </tr>

    </tbody>

  </table>

3、单元格的合并

  rowspan="2";一个单元格占用2行显示;

  colspan="2";将一行中的一个单元格占用两个列显示;

4、节标签

  ①div块级标签

    

  ②span行内标签

    

5、单选框radio默认选中是checked,下拉列表select默认选中的是selected,多选框checkbox默认选中是checked。

  <input type="radio" name="">name属性是让同一个name的多个单选按钮成为一组。

6、label标签:

  应用实例:QQ注册页面单选按钮点击文字的时候也可以选中单选按钮

  ①点击label中文字会根据for指向的id自动指向这个id。②不用for,用label标签直接将单选按钮和文字包裹在一起也可以实现。

<input type="radio" name="gender" checked id="man"><label for="man">男</label>&nbsp;&nbsp;
<label><input type="radio" name="gender">女</label>

7、

 

高级标签

标签:

原文地址:http://www.cnblogs.com/sylz/p/5663124.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!