简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel H5 > le corps du texte

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

WBOY
Libérer： 2016-05-17 09:09:22
original
1292 Les gens l'ont consulté

在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. 学院




      Étiquettes associées：
      admin html
      source：php.cn
      Article précédent：HTML5 Canvas 起步(1)-基本概念 Article suivant：HTML5-结构
      Déclaration de ce site Web
      Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
      Derniers articles par auteur
      Derniers numéros
      Filtre d'expression régulière pour les champs de recherche et les cases à cocher de la pile MERN J'essaie de comprendre comment la pile MERN fonctionne ensemble en apprenant par la pratiq...
      Depuis 2024-04-06 14:53:12
      0
      1
      425
      Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
      Depuis 2024-04-05 12:57:00
      0
      1
      456
      Problème d'installation de Prestashop : Impossible d'installer le module personnalisé Je suis nouveau dans le développement de modules Prestashop. J'essaie de créer le premier ...
      Depuis 2024-04-03 19:24:44
      0
      1
      402
      Tutoriel PHP : Comment télécharger du texte et des images sur Linkedin en utilisant PHP ? J'essaie de télécharger du texte, des images et des liens à l'aide de LinkedinsRestAPI (ht...
      Depuis 2024-04-03 18:42:29
      0
      1
      420
      Impossible de recevoir des informations de ma base de données MySQL malgré avoir vu des tutoriels faisant exactement la même chose J'essaie donc de créer un programme qui lit et écrit dans une base de données MySQL, ce qu...
      Depuis 2024-04-03 14:46:04
      0
      1
      298
      Rubriques connexes
      Plus>
      Recommandations populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！