• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    H5(html):無序列表、有序列表、自定義列表

    關于Html的列表,不管是H5仍是傳統Html頁面,都是利用不異的標簽來展示。本文利用VSCode來書寫代碼,因為是純HTML頁面演示,所以,在記事本中寫入dom布局,保留為Html后綴文件,也是一樣的結果,只是VSCode可以快速的構建H5界面布局

    方式/步調

    1. 1

      新增H5頁面

           1)打開VSCode編纂器,新建一個文件,將文件保留為“H5List.html”

           2)在文件中輸入一個感慨號,再持續按下兩次tab鍵,就可以快速建立H5頁面的DOM布局

           3)若是不利用VSCode,在文本文件中書寫dom布局,然后保留為html格局也是可以的

      3前端頁面開辟東西的下載與安裝

    2. 2

      無序列表

           1)無序列表是unorder list的簡寫UL標簽

           2)內容項是list item的簡寫LI標簽

           3)在頁面中利用UL與LI標簽,添加無序列表的代碼如圖所示

    3. 3

      無序列表,運行結果

           在瀏覽器中打開“H5List.html”即可運行頁面

    4. 4

      有序列表

           1)有序列表是order list的簡寫OL標簽

           2)內容項是list item的簡寫LI標簽

           3)在頁面中利用OL與LI標簽,添加有序列表的代碼如圖所示

    5. 5

      有序列表,運行結果

           在瀏覽器中打開“H5List.html”即可運行頁面

    6. 6

      自界說列表

           1)自界說列表利用DL、DT、DD標簽

           3)在頁面中添加自界說列表代碼如圖所示

    7. 7

      自界說列表,運行結果

           在瀏覽器中打開“H5List.html”即可運行頁面

    • 發表于 2018-11-20 00:00
    • 閱讀 ( 1872 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆