HTML5-列表的使用

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ul>
<li>ios</li>
<li>android</li>
<li>html</li>
<li>CSS</li>
</ul>
<ul type="disc">
<li>ios</li>
<li>android</li>
<li>html</li>
<li>CSS</li>
</ul>
<ul type="circle">
<li>ios</li>
<li>android</li>
<li>html</li>
<li>CSS</li>
</ul>
<ul type="square">
<li>ios</li>
<li>android</li>
<li>html</li>
<li>CSS</li>
</ul>
<ol type="a">
<li>html5</li>
<li>css</li>
<li>ios</li>
<li>windows</li>
</ol>
<ol start="10">
<!-- <ol start="10">[从10开始]-->
<li>html5</li>
<li>css</li>
<li>ios</li>
<li>windows</li>
</ol>
<ul>
<li>宠物</li>
<ul>猫</ul>
<ul>狗</ul>
<ul>...</ul>
<li>人类</li>
<ul>中国</ul>
<ul>法国</ul>
<ul>...</ul>
<li>植物</li> </ul>
<br/>
<ol>
<li>宠物</li>
<ol>猫</ol>
<ol>狗</ol>
<ol>...</ol>
<li>人类</li>
<ol>中国</ol>
<ol>法国</ol>
<ol>...</ol>
<li>植物</li> </ol>
<br/>
<dl>
<dl>HelloWorld</dl>
<dd>HTML5教程-DIVCSS布局HTML5教程栏目</dd>
<dl>this is web page</dl>
<dd>HTML5教程-DIVCSS布局HTML5教程栏目</dd>
<dl> web page</dl>
<dd>HTML5教程-DIVCSS布局HTML5教程栏目</dd>
</dl>
</body>
</html>
HTML5-列表的使用的更多相关文章
- HTML5 列表、表格、媒体元素
无序列表 <ul> <li>范冰冰演藏族女孩</li> <li>拍集体合影后自拍</li> <li>诗隆甜蜜出游</li& ...
- 5、HTML5列表、块和布局
1.块元素 块元素在显示的时候,通常会以新行开始 如:<h1> <p> <ul> <!-- 块—>注释 <p>hello</p> ...
- HTML5列表、块和布局
一.列表 <ul> <ol> <li> unorder order list ol: type="1 A a I i" start=" ...
- HTML5列表、块、布局
一.列表 <ol> 无序列表 (每项前有.) <ul> 有序列表 (每项前有编号1,,2,3) <li> 列表项 <ul type=" ...
- HTML5列表
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- Html5列表元素
<ol> 有序列表: 属性:type(设置样式),reversed(倒序) <ul>无序列表 <li>表示列表中的项(在<ol>和<ul>中 ...
- HTML5样式和列表、CSS链接的四种状态
一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel=& ...
- Html5 基础----列表详述
html5列表 标签 列表分为: 有序列表/无序列表/自定义列表,用的最多的为无序列表和自定义列表 1.有序列表(order list) eg:把
- HTML5 常用标签整理
<!--1. html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2& ...
- 2017-11-29 HTML5样式、链接和表格
HTML5样式.链接和表格HTML5列表<ol> 有序列表<ul> 无序列表<li> 列表项 <dl> 列表<dt> 列表项<dd&g ...
随机推荐
- bwa用法
一 建立索引 比对之前,需要对fasta文件构建FM-index索引:bwa index -a bwtsw hg19.fasta 生成 hg19.fasta.amb.hg19.fasta.ann.hg ...
- oracle10g、oracle client和plsql devement 三者之间的关系
oracle10g是服务器,如果本机安装了oracle10g,没有必要安装oracle client,只要配置好DNS,就可以使用plsql devement连接 当然你也可以同时安装orac ...
- django admin后台提示没有static样式相关的文件
问题现象: 将 DEBUG = TEMPLATE_DEBUG = False 设置为False后,访问admin的管理后台,没有样式了. 解决办法: vim settings.py 确保有下面的这两 ...
- MVC 之 WebAPI 系列二
今天,我想在此记录下 WebApi 跨域调用 1. 什么叫跨域: 跨域问题简单理解就是JavaScript同源策略的限制,其根本原因是因为浏览器对于这种请求,所给予的权限是较低的,通常只允许调用本域中 ...
- Core文件作用、设置及用法
http://blog.csdn.net/lanmolei814/article/details/45201693 ====================================== 1.C ...
- JSTL和EL
JSTL和EL 1.EL表达式总是放在大括号里,而且前面有一个美元符前缀. person.name2.相似点:(1).都可以让我们在静态内蓉中插入动态信息.EL:室外温度是{emp}度 JSP:室外温 ...
- myeclipse,eclipse打开当前文件所在文件夹
方法一: eclipse打开当前文件所在文件夹的插件Run-->External Tools-->External Tools Configurations...new 一个 progra ...
- ios页面弹出方式《笔记》
1.presentViewController 方式,动画效果是从底部弹出,主要用在除导航类页面的弹出 let anotherVC = UIStoryboard(name: "Main&qu ...
- linux下安装oracle
一>1.关闭防火墙,禁用selinux vi /etc/selinux/config 修改SELINUX=disabled,然后重启,如果不想重启使用命令setenforce 0 2.安装依赖 ...
- Swift基础语法(一)
swift是一个基于objc进化过来的一个新的 OS X/IOS编程语言,而objc是基于c语言进化过来的一门编程语言.所以理论上说objc与c++是同一代产物并且objc与c++是相互独立的两套体系 ...