高级标签

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、

时间: 2024-10-13 14:05:30

高级标签的相关文章

HTML高级标签(1)————表格标签

利用上述表格属性,可以简单的创建一个表格,并任意的切割行和列. <html> <head> <title>表格的应用</title> </head> <body> <table border="1" width="400" align="center" cellspacing="0" cellpadding="0" > &l

HTML高级标签(2)————窗口分帧(1)————分帧演示

我们可以简单的编写一个多帧的窗口,并且可以任意的划分窗口区域. <frameset rows="*,*,*"> <frameset cols="*,*"> <frame src="http://www.baidu.com"> <frame src="http://www.csdn.net"> </frameset> <frameset cols="*,

HTML高级标签之表格标签

前面学习了一下HTML的经常使用标签, 今天開始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: <table cellspacing="0" cellpadding="0"></table> <!--表格标签 cellspacing:单元格边距. cellpadding: 单元格间距--> <caption> </caption> <!--caption: 置于table内部

HTML高级标签(2)————窗口分帧(2)————后台管理页面

使用frameset进行窗口分帧,构建简易的后台页面.这篇博客就作为一个简易后台管理页面的实战演练. 1  首先,需要一个页面,使用<frameset>按比例划分为适合的三个区域:头部,菜单,主体. <frameset>不能放在<body>中编写. 给每一个<frame>进行命名,便于后面链接时target属性可以直接指向指定位置. 代码如下(文件名自定义,我写的是 frameset.html): <html> <head> <

HTML高级标签(3)————表单的应用

在HTML开发中,标签的种类和数量非常多,不可能说每一种都研究透.非常多能够用CSS来控制的标签,我们基本没有必要在上面浪费时间.所以,我们仅仅要掌握在HTML开发中比較经常使用的标签就全然能够了. 首先,先写一个最简单的登录表单. <html> <head> <title>表单的应用</title> </head> <body> <table border="1" width="500"

HTML高级标签之表单应用(二)

这章学习3种简单列表----普通列表,下拉列表,多选列表和多行文本框, 也是直接贴代码 代码示例: <!DOCTYPE html> <html> <head> <title>FormApplication2.html</title> <meta charset="utf-8"> <meta name="keywords" content="keyword1,keyword2,ke

标签知识详解

不干胶也叫自粘标签材料,是以纸张.薄膜或特种材料为面料,背面涂有胶粘剂,以涂硅保护纸为底纸的一种复合材料.由于涂布技术有多种,致使不干胶材料形成有不同档次,目前的发展方向是由传统的辊式涂布.刮刀涂布向高压流延涂布方向发展,以最大限度保证涂布的均匀感性,避免气泡和针眼的产生,保证涂布质量,而流延布涂布在国内技术还未成熟,国内主要采用的是传统辊式涂布.  条码机常用的不干胶标签由底纸.面纸及作为两者粘合的粘胶剂三部分组成.底纸表面呈油性,对粘胶剂具有隔离作用,所以用作面纸的附着体,以便面纸能够很容易

ASP.NET MVC View中的标签(tag)

在编辑View的时候会用到各种HTML标签,如<a>,<input>,<p>等待,这些标签在ASP.NET MVC中都有对应的编程语法,它叫Razor,它是帮助我们动态的生成HTML标签,好处是可以绑定数据. 现在就让我们来复习一下HTML标签的用法:<input>, 因为它是最常用的表单标签之一,所以先从它开始. 可以移步:http://www.w3cschool.cn/htmltags/tag-label.html 看下它的定义. 基本都是用于接收用户输

Dedecms仿站高级课程--模型设计20课

第二课:淘宝客模型之后台模型设计 第三课:淘宝客模型之前台内容页模板 第四课:淘宝客模型之前台列表页模板 第五课:淘宝客模型之深入理解 第六课:Mysql之phpmyadmin介绍 第七课:Mysql之dedecms数据表分析(上) 第八课:Mysql之dedecms数据表分析(下) 第九课:Mysql之SQL语句基本格式 第十课:Mysql之dedecms sql标签讲解 第十一课:Mysql 之dedecms 常用SQL 语句整理 第十二课:导航站仿制之实现方法分析 第十三课:导航站仿制之首