Heim > Web-Frontend > HTML-Tutorial > Schnellvorschau der HTML-Liste

Schnellvorschau der HTML-Liste

无忌哥哥
Freigeben: 2018-06-29 10:08:35
Original
1996 Leute haben es durchsucht

Liste ist eine sehr nützliche Art der Datenanzeige und kann um viele interessante Funktionen erweitert werden, wie z. B. Navigation, Layout usw.

Es gibt drei Haupttypen von Listen:

1. Ungeordnete Liste:

    -Tag, das mit dem
  • -Tag gepaart werden muss 2. Geordnete Liste: Das
      -Tag kann mit denselben Verwendungsregeln wie
        als Sonderfall einer ungeordneten Liste betrachtet werden und wird in der tatsächlichen Entwicklung selten verwendet

        3. Benutzerdefinierte Liste:

        < ;dt>

        type="disc" durchgehender schwarzer Punkt, dies ist die Standardmarkierung für die Liste der ersten Ebene

        type="circle" hohler Punkt, das ist die Standardmarkierung für die Liste der zweiten Ebene

        type="square" solid quadrat

        <html>
        <head>
        <meta charset="UTF-8">
        <title>1-1.列表快速预览</title>
        </head>
        <body>
        <ul type="square">
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Bootstrap</li>
        </ul>
        <hr>
        <h4>单身狗的周未</h4>
        <ol>
        <li>自己请自己看场电影希望有艳遇</li>
        <li>购买充气娃娃2个</li>
        <!-- 列表是可以嵌套的 -->
        <ul>
        <li>冰冰款2个</li>
        <li>凤姐款1个</li>
        </ul>
        <li>玩"吃鸡"</li>
        <li>为心目中的女主播打Call</li>
        </ol>
        <hr>
        <h4>后端编程语言:</h4>
        <dl>
        <dt>PHP</dt>
        <dd>超文本预处理编程语言</dd>
        <dt>MySQL</dt>
        <dd>全球最流行的关系型数据库管理工具</dd>
        <dt>ThinkPHP5.1</dt>
        <dd>国内最流行的中文轻量级PHP开发框架</dd>
        </dl>
        </body>
        </html>
        Nach dem Login kopieren

        Das obige ist der detaillierte Inhalt vonSchnellvorschau der HTML-Liste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage