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 クリーンアップ環境操作

丁寧に掃除を始めましょう!未使用ボリュームの一覧docker ボリューム ls -qf dangli...

太字の <b> と <strong> の違いの分析

私たちウェブマスターは皆、ウェブサイトを最適化する際に記事内のキーワードを太字にすることが最適化に非...

Docker での Redis のマスタースレーブ構成チュートリアルの詳細説明

1. Redisイメージを取得するdocker pull redis 2. それぞれポート6379、...

HTML 編集の基礎 (初心者必読)

DREAMWEAVER を開き、新しい HTML を作成します。 。ボディの特性: bgcolor...

Reactベースのコンポーネントのカプセル化の実装手順

目次序文antd はどのようにしてコンポーネントをカプセル化するのでしょうか?ディバイダーコンポーネ...

Docker Compose マルチコンテナデプロイメントの実装

目次1. WordPressの導入1. 環境を整える(II) イメージを実行するDocker の作成...

HTML で JavaScript の全選択/全選択解除操作を実行するサンプル コード

コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...

MySQL 整合性制約の例の詳細な説明

この記事では、MySQL の整合性制約について説明します。ご参考までに、詳細は以下の通りです。メイン...

Docker で Node プロジェクトをビルドしてデプロイする方法

目次DockerとはクライアントサイドDocker基本的なDocker操作画像名画像をプルするその他...

よく使うLinuxコマンドのまとめ

私は2年間運用保守に携わり、多くのコマンドを使用しました。特定のLinuxコマンドを習得すると、どれ...

Vue のドロップダウン ボックスのセカンダリ リンク効果を実装するためのサンプル コード

1. 成果を達成する 2. バックエンドから返されるデータ形式 「リスト」: [ { "i...

Nginx rtmp モジュールのコンパイル ARM バージョンの問題

目次1. 準備: 2. ソースコードのコンパイル1. 設定する2. コンパイルエラー3. ターゲット...

MySQL explain クエリ命令情報の取得原理と例

explain はクエリ実行プラン情報を取得するために使用されます。 1. 文法次のように、sele...

Mac 環境での Nginx 構成とローカル静的リソースへのアクセスの実装

ローカル開発では、直接アクセスできない静的ファイル リソースのデバッグが必要になる場合があります。こ...

CentOS システムでの JDK のインストールと設定の概要

目次序文OpenJDKの確認とアンインストールダウンロードした圧縮パッケージを使用してJDKをインス...