Web ページの HTML 順序付きリスト ol と順序なしリスト ul の詳細な説明

この記事では、Web ページの HTML の順序付きリスト ol と順序なしリスト ul について詳しく説明します

データを整理するために使用されるリスト Web ページの表示を制御する非常に多くの HTML タグを学習した後、読者は最初に純粋な記事ページを作成できるようになります。このセクションでは、HTML のリスト要素について説明します。リスト フォームは、Web サイトのデザインにおいて比較的大きな割合を占め、表示される情報は非常にわかりやすく、ユーザーにとって理解しやすいものです。次の CSS スタイルの学習では、リスト要素の高度な機能を多用します。

データを整理するためのリスト

Web ページの表示を制御する非常に多くの HTML タグを学習した後、読者は最初に純粋な記事ページを作成できるようになります。このセクションでは、HTML のリスト要素について説明します。リスト フォームは、Web サイトのデザインにおいて比較的大きな割合を占め、表示される情報は非常にわかりやすく、ユーザーにとって理解しやすいものです。次の CSS スタイルの学習では、リスト要素の高度な機能を多用します。

4.4.1 リストの構造構成

HTMLのlist要素はlistタグで囲まれた構造であり、含まれるリスト項目は

で構成されます。具体的な構造を図 4.17 に示します。

4.4.2 順序なしリストの作成

名前が示すように、順序なしリストは、リスト構造内のリスト項目が順番に並んでいないリスト形式です。 Web アプリケーションのほとんどのリストは順序なしリストを使用し、そのリスト タグは

を使用します。記述方法は次のとおりです。

リスト アイテム 2

リスト アイテム 3

リスト アイテム 4

リスト アイテム 5 li>

4.4.3 順序付きリストの作成 名前が示すように、順序付きリストは、リスト構造内のリスト項目が入っているリスト形式です。 order には、上から下に 1、2、3、または a、b、c など、さまざまな異なるシーケンス番号が存在します。 D:web ディレクトリに Web ページ ファイルを作成し、ul_ol.htm という名前を付け、コード 4.17 に示すようにコードを記述します。 コード 4.17 リスト設定: ul_ol.htm

< ;font size="5"> JavaScript & lt;/li & gt;

& lt;/li & gt; & gt;

& lt ;li>ASP.net

PHP

CGI

Ruby

Python

「http://localhost/ul_ol」と入力します。ブラウザのアドレス バーに htm を追加した場合のブラウジング効果を図 4.18 に示します。

図4.18 リストの設定

以上がWeb ページの HTML 順序付きリスト ol と順序なしリスト ul の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。