html-列表標簽

来源:https://www.cnblogs.com/ibabyli/archive/2018/10/31/9881132.html
-Advertisement-
Play Games

列表標簽 比如現在顯示這樣的效果 山水集團 財務部 學工部 人事部 <dl></dl> : 表示列表的範圍 在dl裡面 <dt></dt>:上層內容(沒有縮進) 在dl裡面 <dd></dd>: 下層內容(有縮進) 代碼: 想要在頁面上顯示這樣的內容(有序列表) 1.財務部 2.學工部 3.人事部 ...


列表標簽

  比如現在顯示這樣的效果
  山水集團
    財務部
    學工部
    人事部

  <dl></dl> : 表示列表的範圍
    在dl裡面 <dt></dt>:上層內容(沒有縮進)
    在dl裡面 <dd></dd>: 下層內容(有縮進)

    代碼:

<dl>
    <dt>山水集團</dt>
    <dd>財務部</dd>
    <dd>學工部</dd>
    <dd>人事部</dd>
</dl>

  想要在頁面上顯示這樣的內容(有序列表
    1.財務部
    2.學工部
    3.人事部

    a.財務部
    b.學工部
    c.人事部

    i.財務部
    ii.學工部
    iii.人事部

    <ol></ol> : 有序列表的範圍
    屬性 type : 設置排序的方式 1(預設) a i
    在ol標簽裡面 <li>具體內容</li>

    代碼:

<ol type="a">
  <li>財務部</li>
  <li>學工部</li>
  <li>人事部</li>
</ol>

  想要在頁面上顯示這樣的效果(無序列表
    特殊符號(方框) 財務部
    特殊符號(方框) 人事部

  <ul></ul>:表示無序列表的範圍
    屬性: type:空心圓(circle)、實心圓(disc)、實心方塊(Square)、預設是disc
    在ul裡面 <li></li>

    代碼

<ul type="square">
    <li>財務部</li>
    <li>學工部</li>
    <li>人事部</li>
</ul>

  完整代碼:

<html>
    <head>
        <title>World</title>
    </head>
    <body>
        <!--  演示列表標簽  -->
        <dl>
            <dt>山水集團</dt>
            <dd>財務部</dd>
            <dd>學工部</dd>
            <dd>人事部</dd>
        </dl>
        <hr/>
        <!-- 有序列表 -->
        <ol type="a">
            <li>財務部</li>
            <li>學工部</li>
            <li>人事部</li>
        </ol>    
        <hr/>
        <!--無序列表-->
        <ul type="square">
            <li>財務部</li>
            <li>學工部</li>
            <li>人事部</li>
        </ul>
    </body>

</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.對查詢進行優化,要儘量避免全表掃描,首先應考慮在 where 及 order by 涉及的列上建立索引。 2.應儘量避免在 where 子句中對欄位進行 null 值判斷,否則將導致引擎放棄使用索引而進行全表掃描,如: 最好不要給資料庫留NULL,儘可能的使用 NOT NULL填充資料庫. 備註 ...
  • MySql 雙主多從配置指導 一、背景 互聯網項目為了數據的可靠性和架構的可拓展性經常會用到雙主多從的資料庫,來實現數據的備份、負載均衡和突髮狀況時資料庫切換。 二、思路 配置兩台資料庫A、B互為主從,然後配置以A為主的從資料庫C,和以B為主的從資料庫D 在A和B的配置中添加: log-slave- ...
  • 一,原理及介紹〇 xtrabackup能做哪些 對InnoDB引擎的表做熱備 增量備份 流壓縮傳輸到另外的伺服器上 線上移動表 更簡單的創建從庫 備份時不增加伺服器負載 〇 原理 備份及恢復大致涉及三個步驟:備份 -> prepare -> 恢復 備份運行時,工具會記住當時的LSN號,並打開xtra ...
  • 小編將此文獻給對數據有熱情,想長期從事此行業的年輕人,希望對你們有所啟發,並快速調整思路和方向,讓自己的職業生涯有更好的發展。 根據數據應用的不同階段,本文將從數據底層到最後應用,來談談那些數據人的必備技能。 1、大數據平臺 目前很火,數據源頭,各種炫酷新技術,搭建Hadoop、Hive、Spark ...
  • https://www.cnblogs.com/yx007/p/6519544.html https://blog.csdn.net/sinat_35626559/article/details/78912828 ...
  • 刪除視圖註意事項 刪除視圖時,將從系統目錄中刪除視圖的定義和有關視圖的其他信息。 還將刪除視圖的所有許可權。 使用 DROP TABLE 刪除的表上的任何視圖都必須使用 DROP VIEW 顯式刪除。 對索引視圖執行 DROP VIEW 時,將自動刪除視圖上的所有索引。 若要顯示視圖上的所有索引,請使 ...
  • 通過視圖增刪改數據註意事項 需要對目標表的 UPDATE、INSERT 或 DELETE 許可權(取決於執行的操作)。 如果視圖引用多個基表,則不能刪除行。 如果視圖引用多個基表,只能更新屬於單個基表的列。 如果視圖引用多個基表,則不能插入行。 使用SSMS資料庫管理工具通過視圖增刪改數據 1、連接數 ...
  • SqlServer主鍵和自增長設置 Intro 有時候有些 sql 語句有些不太記得了,謹以此文備忘。 設置主鍵以及自增長可分兩種情況: 1. 新創建表 2. 表已創建但是沒有設置主鍵和自增長 新創建表 創建表 sql: 其中 用來表明 欄位是主鍵,而 則為 欄位設置自增長,且從1開始,每次自增1 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...