Web ページの HTML 順序付きリスト OL および順序なしリスト ul_HTML/Xhtml_Web ページの作成

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

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

4.4.1 リストの構造構成

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

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

4.4.2 順序なしリストの作成

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

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

• 項目 1 をリストします
• リスト項目 2
• リスト項目 3
• リスト項目 4
• リスト項目 5

_{4.4.3 順序付きリストの作成}

名前が示すように、順序付きリストは、リスト構造内のリスト項目が上から下に、1、2、3 または a、b などの順序で並んでいるリストです。 cなど。 D:web ディレクトリに Web ページ ファイルを作成し、ul_ol.htm という名前を付け、コード 4.17 に示すようにコードを記述します。

コード 4.17 リスト設定: ul_ol.htm

Web フロントエンド技術

• HTML
• CSS

• JavaScript
• フラッシュ

Web バックエンドについて学ぶ

ASP

ASP.net

PHP

CGI

ルビー

Python

ブラウザのアドレスバーに http://localhost/ul_ol.htm と入力すると、ブラウジング効果は図 4.18 のようになります。

図 4.18 リストの設定