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 ...
随机推荐
- Hibernate多对一(注解)
package cqvie.yjq.Util; import java.util.List; import org.hibernate.Query; import org.hibernate.Sess ...
- html导入css样式的方法
在html网页中引入css样式表主要有一下四种方法 1.行内引入 <p style="width:100px;height:40px;color:red;"></ ...
- C# log4net输出发生错误的行号
别人调用我写的接口,总是报错,但我这测试是没问题的,就想着用log4net来跟踪一下. 跟踪后,发现接口确实有出错的日志,但是没有具体出错的地方. 通过输出日志的方式,跟踪不是很方便,就想着log4n ...
- PHP使用命名空间:别名/导入(Aliasing/Importing)
1.导入,就是使用use操作符 2.在一个类中导入了另一个类之后,当前的命名空间仍然是当前类的命名空间 3.注意对命名空间中的名称(包含命名空间分隔符的完全限定名称如 Foo\Bar以及相对的不包含命 ...
- 淌水 UE4的shootergame 案例 准备
从毕业到现在,从GIS到游戏. 先记录一下cesium源码研究停止了一个多月了,还是有点放不下,等有机会一定研究透彻.感谢一下法克鸡丝博主. 好,研究了近两个月的游戏整体制作,熟悉了maya\unfl ...
- 有向图强连通分量的Tarjan算法
有向图强连通分量的Tarjan算法 [有向图强连通分量] 在有向图G中,如果两个顶点间至少存在一条路径,称两个顶点强连通(strongly connected).如果有向图G的每两个顶点都强连通,称G ...
- C# 5.0新推出的async和await
class Program { static void Main(string[] args) { Test t = new Test(); } } public class Test { publi ...
- 关于KB905474正版验证补丁破解办法 KB905474是个微软操作系统正版/盗版监测间谍软件。更新安装后,右下角有个提示说“系统监测到你的操作系统是盗版”。 如果没有安装的: 在系统提示更新的时候注意看一下,如果包含有“更新KB905474”就去掉“更新KB905474”方框前的勾,点击关闭(注意如果没有去掉那个勾得话,会找不到“关闭”,而是“确定”),在不在提示我该消息前打勾。 如果已经安装
关于KB905474正版验证补丁破解办法 KB905474是个微软操作系统正版/盗版监测间谍软件.更新安装后,右下角有个提示说“系统监测到你的操作系统是盗版”. 如果没有安装的: 在系统提示更新的时候 ...
- <停车卫> 产品需求说明书 version 2.0
<停车卫> 产品需求说明书 文档版本号: Version 2.0 文档编号: xxxx 文档密级: 归属部门/项目: 产品名: 停车卫 子系统名: 编写人: kina 编写日期: 2015 ...
- String,StringBuffer
String类代表不可变的字符序列. String s1 = "hello"; String s2 = "hello"; s1 == s2 ==> tr ...