常用列表标签
<dl> definition list 定义列表
<dt> definition title 定义标题
<dd> definition description 陈述描述
例子:
<dl>
<dt>姓名:</dt>
<dd>张三</dd>
<dd>李四</dd>
<dd>王五</dd>
</dl>
结果:
姓名:
张三
李四
王五
数字标签(a A I i(罗马) 1(阿拉伯) )
<ol>:ordered list 定义有序列表
<ul>:unordered list 定义无序列表
<li>:list item 定义列表的项目
例子:默认为罗马数字
<ol>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<ol/>
结果:1 张三
2 李四
3. 王五
----------------------------------------
<ol type="a">
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ol>
输出结果
a 张三
b 李四
c 王五
----------------------------------------------
<ol type="i">
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ol>
输出结果
i 张三
ii 李四
iii 王五
---------------------------------------------------------------------------
<ol type="square">
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ol>
输出结果
(正方形) 张三
(正方形) 李四
(正方形) 王五
分享到:
相关推荐
一、列表标签作用 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体 二、列表标签分类: 1、无序列表unorderd list:给一堆数据添加列表语义,并且一堆数据中所有的数据都没有先后...
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul> 标签。每个列表项始于 。
使用HTML开发商业网站 定义列表 定义列表 以传智播客师资介绍为例,认识...接下来通过一个具体的案例来演示定义列表在图文混排中的应用,如例6-4所示。 列表标签 定义列表 例6-4 图文混排定义列表 列表标签 谢谢大家
标签是HTML的核心,本文主要列举了一些常用的标签,给出了每组标签应用实例的HTML代码供参考. 目录 1 初识HTML网页设计 1 2 HTML元素 1 3 HTML标签 1 3.1 基本的HTML标签 2 3.2 HTML链接 2 3.3 表单标签 3 ...
用于组织数据的列表 学习了这么多控制网页显示的HTML标签,读者可以初步制作纯文章页面了。本节学习HTML中的列表元素,...大部分网页应用中的列表均采用无序列表,其列表标签采用<ul></ul>,编写方法如下: <li
• 不需要闭合标签 在 HTML5 中,空标签(如:br、img 和 input )并不需要闭合标签。 • 废弃的标签 下面这些标签并不被 HTML5 支持: <acronym>、<applet>、<basefont>、<big>、<...
本书文档要点:HTML入门,与浏览器相关的结构性标记,页面元素外观,超级链接,图像与多媒体,页面的布局与分隔,列表,表单,表格,框架结构,其他常用标记;还有CSS文字属性,CSS元素的背景,CSS边框的设置,CSS...
本应用是利用HTML5提供的Audio标签搭配JQuery开发完成的音乐播放
包括HTML基础、HTML文件基本标记、设计网页文本内容、使用列表、使用超链接、使用图像、表格的应用、层——div标签、编辑表单、多媒体页面、HTML5的新特性、HTML5与HTML4的区别、HTML5的结构、HTML5中的表单、文件与...
12.1.3 HTML 5语法中的3个要点 227 12.1.4 标签实例 228 12.2 新增的元素和废除的元素 228 12.2.1 新增的结构元素 228 12.2.2 新增的块级的语义元素 230 12.2.3 新增的行内的语义元素 231 12.2.4 新增...
这是一款很有特点的HTML5图片切换动画,点击左右按钮即可将图片进行弹性切换,图片在被切换时,都会产生一定的弹性缓冲动画效果。这款HTML5图片应用非常适合在产品宣传页面上使用,看上起十分大气。
6.2.4 定制有序列表中的列表项序号的数值(value属性) 6.3 使用dir和menu元素来定义列表 6.4 巩固与自测 第7章 建立超链接 7.1 链接的基础知识 7.2 了解文档位置和路径 7.2.1 绝对路径 7.2.2 文档相对路径 7.2.3 区分...
CSS 网页设计基础教程 教程内容:00-00-课程介绍01-01-html01-02-段落标签01-03-图片标签01-04-列表标签01-05-区块标签01-06-链接标签01-07-span标签02-01-css02-02-在网页中嵌入CSS02-03-选择器 控制样式应用的...
应用方法就是在ul或ol标签中添加data-role=”listview”属性。在每个项目( )中添加链接,用户可以点击它: 实例 列表项m 列表项 列表样式的圆角和边缘,使用 data-inset=”true” 属性设置: 实例 ...
将此行添加到应用程序的 Gemfile 中: gem 'octopress-wrap-tag' 然后执行: $ bundle 或者自己安装: $ gem install octopress-wrap-tag 接下来将它添加到 Jekyll 的_config.yml gems 列表中 gems: - ...
新增 广告位"包裹标签",用于每条广告使用HTML标签包裹 新增 广告统计分析中对微软Bing(必应)搜索引擎的识别支持 新增 Flash图片轮换广告形式,支持多图自动切换 新增 广告主JS文件迷你(Mini)调用文件,去掉了不必要...
新增 广告位"包裹标签",用于每条广告使用HTML标签包裹 新增 广告统计分析中对微软Bing(必应)搜索引擎的识别支持 新增 Flash图片轮换广告形式,支持多图自动切换 新增 广告主JS文件迷你(Mini)调用文件,去掉了不必要...