简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

HTML5每日一练之OL列表的改良

WBOY
Freigeben： 2016-05-17 09:09:22
Original
1292 Leute haben es durchsucht

在HTML5中的OL被改良了，为它增加了两个新属性。

start属性：
start属性用来定义列表编号的起始位置，比如下面的代码，列表将从50开始51...55以此类推

    1.         
    2. 首页
    3.         
    4. 阅览室
    5.         
    6. 我的
    7.         
    8. 简历
    9.         
    10. 社区
    11.         
    12. 教程
    13.         
    14. HTML5
    15.         
    16. 专题
    17.         
    18. 酷站
    19.         
    20. TShirt
    21.         
    22. 作品
    23.         
    24. 学院




    reversed属性：
    reversed属性表示将列表进行反转，但是目前还没有任何一款浏览器对其提供支持，在这里就不细说了。

    运行一下看看效果：
      1.         
      2. 首页
      3.         
      4. 阅览室
      5.         
      6. 我的
      7.         
      8. 简历
      9.         
      10. 社区
      11.         
      12. 教程
      13.         
      14. HTML5
      15.         
      16. 专题
      17.         
      18. 酷站
      19.         
      20. TShirt
      21.         
      22. 作品
      23.         
      24. 学院




      Verwandte Etiketten：
      admin html
      Quelle：php.cn
      Vorheriger Artikel：HTML5 Canvas 起步(1)-基本概念 Nächster Artikel：HTML5-结构
      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
      Neueste Artikel des Autors
      Aktuelle Ausgaben
      Regulärer Ausdrucksfilter für MERN-Stack-Suchfelder und Kontrollkästchen Ich versuche durch Learning by Doing zu verstehen, wie der MERN-Stack zusammenarbeitet, un...
      Aus 2024-04-06 14:53:12
      0
      1
      425
      Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden? Ich habe die dumme Idee, ein Programm zu erstellen, das auf keinem Computer blockiert wird...
      Aus 2024-04-05 12:57:00
      0
      1
      456
      Problem bei der Prestashop-Installation: Das benutzerdefinierte Modul kann nicht installiert werden Ich bin neu in der Prestashop-Modulentwicklung. Ich versuche, Amys erstes Prestashop-Modul...
      Aus 2024-04-03 19:24:44
      0
      1
      402
      PHP-Tutorial: Wie lade ich Texte und Bilder mit PHP auf Linkedin hoch? Ich versuche, Texte, Bilder und Links mit LinkedinsRestAPI (https://learn.microsoft.com/en...
      Aus 2024-04-03 18:42:29
      0
      1
      420
      Ich kann keine Informationen aus meiner MySQL-Datenbank empfangen, obwohl ich Tutorials gesehen habe, die genau das Gleiche tun Ich versuche also, ein Programm zu erstellen, das eine MySQL-Datenbank liest und schreibt,...
      Aus 2024-04-03 14:46:04
      0
      1
      298
      verwandte Themen
      Mehr>
      Beliebte Empfehlungen
      Beliebte Tutorials
      Mehr>
      Verwandte Tutorials
      Beliebte Empfehlungen
      Aktuelle Kurse
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！