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 アイコンを使用して、上下にジャンプするインジケーター矢印のアニメーション効果を作成します。

推薦する

docker compose を使用して consul クラスタ環境を構築する例

領事の基本概念サーバーモードとクライアントモードサーバー モードとクライアント モードは、consu...

Idea は、Web プロジェクトを開始するように Tomcat を設定します。グラフィック チュートリアル

tomcatの設定1. 実行構成をクリック 2. tomcat localを選択 3. tomcat...

CSS 等高レイアウトの一般的な方法

等高レイアウト同じ親コンテナー内の同じ高さの子要素のレイアウトを指します。等高レイアウトの実装の観点...

VMware仮想マシンを使用してUbuntu 20.04をインストールする完全なチュートリアル

Ubuntu は比較的人気のある Linux デスクトップ システムです。最近、Ubuntu 20....

CSS スタイルをプログラムで処理するためのサンプル コード

プログラム的アプローチの利点1. スタイルの分散を避けるためのグローバルコントロール2. シンプルな...

Dockerイメージを完全にアンインストールする手順

1. docker ps -a 実行中のイメージプロセスを表示する [root@mylinux~]#...

Windows 10 システムに mysql-8.0.13 (zip インストール) をインストールする詳細なチュートリアル

インストール環境の説明•システムバージョン: windows10 •MySQL バージョン: mys...

CSS における px、em、rem、pt の特徴、違い、変換について詳しく説明します。

コンセプト紹介: 1. px (ピクセル):仮想的な長さの単位で、コンピュータ システムのデジタル画...

時間別にグループ化された MySQL クエリ ステートメント

年、月、週、日グループによる MySQL クエリ1. 学年別検索 SELECT DATE_FORMA...

WeChatアプレットのサイレントログインとカスタムログイン状態の維持の詳細な説明

目次1. 背景2. サイレントログインとは何ですか? 3. カスタムログイン状態を維持する方法4. ...

Linux NFSメカニズムの動作原理と例の分析

NFS とは何ですか?ネットワークファイルシステムネットワーク上でファイルを保存および整理するための...

Linux で docker-compose を使用したソフトウェア構成の詳細な説明

序文この記事では、docker-compose の構成をいくつか紹介します。これらを参考にして、独自...

MySQL に IP アドレスを効果的に保存する方法と、文字列 IP と数値を変換する方法の詳細な説明

High Performance MySQL バージョン 3 (セクション 4.1.7) を見ると、...

MySQL で '%' を含むフィールドをクエリする方法の詳細な説明 (ESCAPE の使用法)

SQLのlike文では、例えば SELECT * FROM user WHERE username...

MySQL SQL文の特殊処理文のまとめ(必読)

1.テーブル全体を更新します。データ行の列の値が空の場合は、別の列フィールドの値と同じにします。 ...