zoukankan      html  css  js  c++  java
  • HTML:几个常见的列表标签

    介绍:

    在网页中列表是很常见的标签,主要分为有序标签、无序标签、列表嵌套、定义标签

    有序标签:<ol><li></li><ol>

    无序标签:<ul><li></li></ul>

    列表嵌套: <ul><li><ul><li></li></ul></li></ul>、

           <ul><li><ol><li></li></ol></li></ul>、

            <ol><li><ul><li></li></ul></li></ol>、

           <ol><li><ol><li></li></ol></li></ol>、

    定义标签: <dl><dt></dt><dd></dd></dl>

    截图样式:

    有序列表标签样式如下:

              

    无序列表标签样式如下:

                 

    嵌套列表标签样式如下:

             

    定义列表标签样式如下:

                 

    代码如下:

    <!doctype html>
    <html lang="zh-CN">
    
    <head>
        <meta charset="utf-8">
        <meta name="descirption" conent="Boyahongru">
        <meta name="keywords" conent="kenjiao,education,student,teacher">
        <title>这是一个网页</title>
    </head>
    
    <body bgcolor="#FFEF7F">
    
        <h1><strong>HTML网页非常的热门</strong><h1>
    
        <h2>文章如何分段,有几个标准,几个准则:<h2>
            <ol>
                <li>以所写事件的过程分段,就是以事件的开始、发展、高潮、结局来分段。</li>
                <li>按时间顺序分段,先发生的在前,随后发生了什么,接着发生了什么,最后发生了什么,依次写下来。</li>
                <li>按所写事件的地点分段,将在甲地发生的事独立成段;再将在乙地发生的事分成一段;在丙地又发生的事,也分成一段。</li>
                <li>按人物的活动情况分段,将各种情况分成独立的段。</li>
                <li>按场面变化,场景的变化做为分段依据,尤其在写参观记游记时,随着所站位置变化,所见到景物在变化,所以要分段写。</li>
                <li>作者描写角度的变化也是分段依据。以这个角度写某件事、某个人、某个景要分成段,换另一个角度,还写同一个人、同一个景,当然也要另外分成段。</li>
                <li>在叙述中穿插了较长的抒情或议论,可以独立成段。</li>
            </ol>
    
        <hr>        
        <h3>互联网<h3>
            <ul>
                <li>操作系统/...</li>
                <li>软件</li>
                <li>硬件</li>
                <li>笔记本电脑</li>
                <li>反病毒</li>
                <li>电脑装机</li>
                <li>程序设计</li>
                <li>百度</li>
            </ul>
            
        <hr>    
        <h3>饮料</h3>
            <ul>
                <li>咖啡</li>
                <li><ul>
                          <li>红茶</li>
                          <li>绿茶
                              <ul>
                                <li>中国茶</li>
                                <li>非洲茶</li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>牛奶</li>  
            </ul>  
    </body>
    
    </html>
    View Code

    演示网页截图如下:

  • 相关阅读:
    android adb
    5 个免费的受欢迎的 SQLite 管理工具
    [Android]通过setImageURI设置网络上面的图片
    Android TextView实现长按复制文本功能的方法
    View工作原理(四)view的layout过程
    Anaroid WebView详解大全
    Android 如何在Eclipse中查看Android API源码以及support包源码
    关于Android的.so文件你所需要知道的
    AS问题解决系列3—iCCP: Not recognizing known sRGB profile(转)
    安卓App设计博文
  • 原文地址:https://www.cnblogs.com/XYQ-208910/p/5787257.html
Copyright © 2011-2022 走看看