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 ...
随机推荐
- MSSQLSERVER服务无法启动的解决方案
MSSQLSERVER服务无法启动的解决方案 有时候sqlserver无法启动了,原因是mssqlserver服务没有启动,当你手动启动时,又出现服务无法响应的可恶错误提示... 笔者“有幸”遇到了, ...
- webpack 的简单使用
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Helvetica Neue"; color: #323333 } p. ...
- Oracle如何导入导出数据(转自)
导出:exp ssht/taxware@sshtfile=d:\ssht.dmpexp 用户名/密码@服务名导入:imp ssht/taxware@mysshtfile=d:\ssht.dmp fro ...
- 终端 git log 修改样式
git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d ...
- [转]protobuf-2.5.0.tar.gz的下载与安装
protobuf-2.5.0.tar.gz的下载与安装 原文地址:http://blog.csdn.net/tdmyl/article/details/31811317 版权声明:本文为博主原创文章, ...
- Linux下GDB调试
GDB 是一个强大的命令行调试工具.大家知道命令行的强大就是在于,其可以形成执行 序列,形成脚本.UNIX 下的软件全是命令行的,这给程序开发提供了极大的便利,命令行 软件的优势在于, 他们可以非常容 ...
- Centos 基础开发环境搭建之Maven私服nexus
hmaster 安装nexus及启动方式 /usr/local/nexus-2.6.3-01/bin ./nexus status Centos 基础开发环境搭建之Maven私服nexus . 软件 ...
- c++ chap1 to chap 3
#ifndef MAIN_H_INCLUDED#define MAIN_H_INCLUDED struct Course{ int id; std::string name;}; const int ...
- QQ在线客服JS代码,自适应漂浮在网页右侧
<html><head><meta http-equiv="Content-Type" content="text/html; charse ...
- node学习笔记(三)
//事件驱动events //events是node最重要的模块没有之一,因为node.js本身的架构就是事件式的,而他提供了唯一的接口,所以堪称node.js事件编程的基石; //events几乎被 ...