• 跳至主要內容
  • 跳至主要資訊欄
  • 跳至頁尾
  • Python應用
    • Python基礎操作
    • Web
      • Django
      • Flask
    • Chat bot
      • Line Bot
      • Telegram Bot
    • GUI
      • QT5
    • Google API
      • Google Drive
      • Google Gmail
      • Google sheet
    • 網頁技術
      • WordPress
      • HTML
      • CSS
      • JavaScript
  • 基本測試技術
    • Linux
    • 功能測試
    • 使用者測試
    • 壓力測試
    • 封包測試
    • 測試報告撰寫
    • 編寫測試用例
  • 自動化測試技術
    • API 自動化測試
      • Python API 測試
      • Postman
      • Jmeter
    • UI 自動化測試
      • AirTest
      • Appium
      • Robot Framework
      • Selenium
  • 問題跟蹤系統
    • Jira
    • Redmine
  • CI/CD
    • Git
    • Jenkins
    • Docker
    • K8S
    • Ngrok
  • 資料庫
    • MongoDB
    • MySQL
    • PostgreSQL
    • Redis
  • 伺服器
    • Heroku
    • Linode
    • Cloudways
    • GCP
    • AWS
  • 關於我
測試先生

測試先生

提供測試相關領域的技術文章以及其他軟體技術相關文章,如WordPress,Js,Css,Html,Python,Docker,Kubernetes,devops,k8s,jenkins,git,heroku,line,telegram

目前位置: 首頁 / 網頁技術 / HTML / 【Html 教學】 列表 有序 ol 無序 ul 語法

【Html 教學】 列表 有序 ol 無序 ul 語法

文章更新日期: 2022 年 4 月 19 日

Html中想要透過列表的方式提供給讀者更好閱讀方式,列表是不可取少的!

大致上列表有分為有序列表<ol>定義標籤、無序列表<ul>定義標籤,

當然還有自定義列表,但這裡主要是介紹基本有序、無序列表

內容目錄

  • Html 有序列表 ol 語法
  • Html 無序列表 ul 語法
  • 更多技術文章

Html 有序列表 ol 語法

有序列表的每個項目是使用數字來進行排列,有序列表使用的是<ol>標籤,每一個列表項目是使用<li>標籤。

<p>在家最重要的是哪三件事情?</p>
<ol>
  <li>吃飯</li>
  <li>洗澡</li>
  <li>睡覺</li>
</ol>

Html 無序列表 ul 語法

無序列表的每個項目則是使用小黑點來表示,無序列表使用的是<ul>標籤,每一個列表項目是使用<li>標籤。

<p>在家最重要的是哪三件事情?</p>
<ul>
  <li>吃飯</li>
  <li>洗澡</li>
  <li>睡覺</li>
</ul>

文章內的程式碼都可以直接複製下來練習操作,或是直接套用到自己的專案都行!

多練習,對自已會有很大的幫助!

一回生二回熟,將所學習到內容變成自己的知識。

人就是要學習自己不會的事情,這樣才會不斷的成長、進步!

更多技術文章

透過下方按鈕找尋到相關的技術文章,希望可以幫助到正在學習的你

html 教學文章
Python 教學文章
Ngrok 教學
Jenkins 教學
WordPress 教學
Chatbot 教學

加入到我的粉絲專頁,不定期發布最新文章資訊!
有任何文章問題都可以詢問喔!

測試先生

文章分類: HTML 文章標籤: html, li, ol, ul © 2021–2022

主要資訊欄

  • 電子郵件
  • Facebook
  • GitHub
  • LinkedIn
  • Html 有序列表 ol 語法
  • Html 無序列表 ul 語法
  • 更多技術文章

Footer

  • 隱私權政策
  • 免責聲明與使用條款
  • 聯絡我們
  • 電子郵件
  • Facebook
  • GitHub
  • LinkedIn

Copyright © 2022 · Magazine Pro on Genesis Framework · WordPress · 登入