HTML Web ページ リスト タグ学習チュートリアル

HTML Web ページ リスト タグ学習チュートリアル <ul> 順序なしリスト<ol> 順序ありリスト<dir> ディレクトリリスト<dl> 定義リスト<menu> メニューリスト<dt>, <dd> 定義リストタグ<li> リスト項目タグ 順序ありリストタグ<OL>
順序付きリストでは、項目を整理するために箇条書きではなく番号を使用します。リスト内の項目は数字または英語の文字で始まり、通常、項目間には順序があります。順序付きリストでは、2 つのタグ <ol> と <li> が主に type および 2 つの start 属性とともに使用されます。
基本的な構文<ol> <li>プロジェクト 1<li>プロジェクト 2<li>プロジェクト 3… </ol>
構文の説明 順序付きリストでは、順序宣言として <ol> を使用し、各項目の開始として <li> を使用します。 ファイル例: 7-1.htm
順序付きリストは、<ol> タグと <li> タグを使用して作成されます。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 7-1.htm -->
03 <!-- ファイルの説明: 順序付きリストを作成する -->
04 <!-- -------------------------------- -->
05 <html>
06 <ヘッド>
07 <title>順序付きリストを作成する</title>
08 </head>
09 <本文>
10 <h2>グラフィック デザイン ソフトウェア</h2>
11 <オル>
12 フォトショップ
13 イラストレーター
14 <li>フリーハンド
15 コーレルドロー
16 </ol>
17 </本文>
18 </html> ファイルの説明の 11 行目では、リストの種類を順序付きとして定義し、12 行目から 15 行目では、リスト項目の先頭として <li> タグを使用します。
前のページ1 2 3 4 5 6 7 8 次のページ 全文を読む
HTML Web ページ リスト タグの学習チュートリアル。
HTML ページでは、リストはアウトラインとして機能します。リストには、順序付きリストと順序なしリストの 2 種類があります。前者は順序のない項目をマークするために箇条書きを使用し、後者は項目の順序を記録するために番号を使用します。 順序付きとは、リスト項目が数字や文字などの順序に従って配置されていることを意味します。 いわゆる順序なしとは、●、○、□などで始まり、順序がないリスト項目を指します。
リストの主なタグは次の表に示されています。
マーク説明する

<<:  MySQL 面接でよく聞かれる質問への回答

>>:  CSS と Bootstrap アイコンを使用して、上下にジャンプするインジケーター矢印のアニメーション効果を作成します。

推薦する

親要素に対する CSS 子要素の配置の実装

解決親要素に position:relative を追加します。子要素に position:abso...

Windows10 での MySQL msi インストール チュートリアル (画像とテキスト付き)

1. ダウンロード1. MySQL msi 公式 Web サイトから最新のダウンロードをクリックす...

MySQL が「operate_time」エラーのデフォルト値が無効であると報告する問題を解決する

データベースでcreate tableステートメントを実行する テーブル `sys_acl` を作成...

Linuxネットワーク構成ツールの使用

この記事では、RHEL8 のネットワーク サービスとネットワーク構成ツール、およびネットワーク ファ...

MySQL の列から行への変換、フィールドの結合方法 (必読)

データシート:列から行へ: max(case when then) を使用max---集計関数は最大...

node.jsのインストールとHbuilderXの設定の詳細な説明

npm インストールチュートリアル: 1. Node.jsインストールパッケージをダウンロードする公...

HTML テーブル マークアップ チュートリアル (5): ライト ボーダー カラー属性 BORDERCOLORLIGHT

表では、左上の境界線の色を個別に定義したり、セルの右下の境界線の色を定義したりできます。これら 2 ...

計算機機能を実現するjsバージョン

この記事の例では、計算機機能を実装するためのjsの具体的なコードを参考までに共有しています。具体的な...

mysqldump でデータベースをバックアップするときに特定のライブラリを除外する例

例: mysqldump –all-databases を使用すると、すべてのライブラリがエクスポー...

HTML ではスペースはどのように表現されますか (どのような意味ですか)?

Web 開発では、次のような文字によく遭遇します: &nbsp;これは実際には HTML が...

MySql テーブル内の行を削除する実用的な方法

まず、どのフィールドまたはフィールドの組み合わせがデータ行を一意に識別できるかを決定する必要がありま...

MySQLで重複データを削除する詳細な例

MySQLで重複データを削除する詳細な例重複レコードには 2 つの意味があります。1 つは完全に重複...

Vue3 の ref と toRef の違いを簡単に分析します

1. refがコピーされ、ビューが更新されますrefを使用してオブジェクトのプロパティ値をレスポンシ...

MySQL インデックスの効率的な使用ガイド

序文ほとんどの方がMySQLとインデックスを使用したことがあると思いますが、適切なインデックスを作成...

コードをセマンティックにする HTML のヒント

HTML のセマンティクスはありふれた問題のようです。Google で検索すると、セマンティクスに関...