<!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-列表的使用的更多相关文章
	

    
						
  1. HTML5 列表、表格、媒体元素
		
    无序列表 <ul> <li>范冰冰演藏族女孩</li> <li>拍集体合影后自拍</li> <li>诗隆甜蜜出游</li& ...
    
		
    2. 
						
  2. 5、HTML5列表、块和布局
		
    1.块元素 块元素在显示的时候,通常会以新行开始 如:<h1> <p> <ul> <!-- 块—>注释 <p>hello</p> ...
    
		
    3. 
						
  3. HTML5列表、块和布局
		
    一.列表 <ul> <ol> <li> unorder order list ol: type="1 A a I i" start=" ...
    
		
    4. 
						
  4. HTML5列表、块、布局
		
    一.列表 <ol>  无序列表  (每项前有.) <ul>  有序列表   (每项前有编号1,,2,3) <li>   列表项 <ul type=" ...
    
		
    5. 
						
  5. HTML5列表
		
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
    
		
    6. 
						
  6. Html5列表元素
		
    <ol> 有序列表: 属性:type(设置样式),reversed(倒序) <ul>无序列表 <li>表示列表中的项(在<ol>和<ul>中 ...
    
		
    7. 
						
  7. HTML5样式和列表、CSS链接的四种状态
		
    一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel=& ...
    
		
    8. 
						
  8. Html5 基础－－－－列表详述
		
    html5列表 标签 列表分为:  有序列表/无序列表/自定义列表,用的最多的为无序列表和自定义列表 1.有序列表(order list) eg:把
    
		
    9. 
						
  9. HTML5  常用标签整理
		
    <!--1.  html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2& ...
    
		
    10. 
						
  10. 2017-11-29 HTML5样式、链接和表格
		
    HTML5样式.链接和表格HTML5列表<ol> 有序列表<ul> 无序列表<li> 列表项 <dl> 列表<dt> 列表项<dd&g ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. OO基本原则
			
    1. 单一职责原则(SRP)     一个类应该最多只能有一个因素能够给导致其变化,类中的方法应该都是相关性很高的,即"高内聚"   2. 开放-封闭原则(OC)      - 扩 ...
    
			
    2. 
						
  2. 分析‖为什么越来越多厂商开始发力VR一体机？
			
    2015年下半年,国内VR头显市场的主旋律还是PC头显和手机盒子.到了2016年上半年,一体机逐渐上位,成为发布会上的主角. 近期IDEALENS启视在北京召开发布会,发布会的主角K2和K2Pro正是 ...
    
			
    3. 
						
  3. IP首部校验和计算
			
    根据RFC1071文档的计算方法,编写代码实现IP首部校验和的计算 计算步骤: 1.首先将IP首部中校验和字段置0 2.将IP首部每16bit进行相加,如果有进位产生,则将进位加到最低位. 3.将计算 ...
    
			
    4. 
						
  4. 漫谈Linux内核哈希表(1)
			
    关于哈希表,在内核里设计两个很重要的数据结构:    哈希链表节点: 点击(此处)折叠或打开 .x [include/linux/types.h]*/ struct hlist_node { stru ...
    
			
    5. 
						
  5. 纯CSS实现Tooltip
			
    DEMO: span{ position:relative; display:inline-block; height:3em; width:3em; margin:0 0.4em; line-hei ...
    
			
    6. 
						
  6. mysql三种注释方法
			
    SELECT * from test;#test表select * from user;-- 用户表select * from tb_test_paper;/*试卷表*/
    
			
    7. 
						
  7. shell <<EOF
			
    1.考虑下面的需求,在主shell执行命令,进入其他的命令,后面的输入,想作为命令的输入,而不是主shell的输入,怎么办? 2.使用<<EOF,告诉主shell,后续的输入,是其他命令或 ...
    
			
    8. 
						
  8. hibernate(1)
			
    1. 环境配置 1.1 hiberante环境配置 hibernate可实现面向对象的数据存储.hibernate的官网:http://hibernate.org/ 官网上选择hibernate OR ...
    
			
    9. 
						
  9. JSP知识
			
    五.JSP概述及最佳实践1.更改MyEclipse生成的JSP模板.模板文件与Servlet.java(Servlet模板文件)很近.2.学好JSP的关键:JSP就是Servlet.一定要记住JSP中 ...
    
			
    10. 
						
  10. js判断字符串中是否含有指定汉语
			
    核心代码: function haveChinese(str,c){ if(escape(str).indexOf(escape(c))!=-1){ retrun true; } return fal ...
    
			
    11.