このセクションでは、HTML のリスト要素について学習します。リストは、Web サイトのデザインにおいて比較的大きな割合を占めています。リストは情報を非常にわかりやすく直感的に表示し、ユーザーが理解しやすいようにしています。以降の CSS スタイルの学習では、リスト要素の高度な機能が広範囲に使用されます。 データを整理するために使用されるリスト<br />Web ページの表示を制御する多くの HTML タグを学習した後、読者は純粋な記事ページを作成し始めることができます。このセクションでは、HTML のリスト要素について学習します。リストは、Web サイトのデザインにおいて比較的大きな割合を占めています。リストは情報を非常にわかりやすく直感的に表示し、ユーザーが理解しやすいようにしています。以降の CSS スタイルの学習では、リスト要素の高度な機能が広範囲に使用されます。 ![]() 4.4.1 リスト構造 HTML リスト要素はリスト タグで囲まれた構造であり、含まれるリスト項目は <li></li> で構成されます。具体的な構造を図4.17に示します。 4.4.2 順序なしリストを作成する<br />名前が示すように、順序なしリストはリスト項目に順序がないリスト構造です。 Web アプリケーションのリストのほとんどでは順序なしリストが使用され、リスト タグには <ul></ul> が使用されます。記述方法は次のとおりです。 <ul> <li>リスト項目 1</li> <li>リスト項目 2</li> <li>リスト項目 3</li> <li>リスト項目 4</li> <li>リスト項目 5</li> </ul> ![]() リスト設定: ul_ol.htm <html> <ヘッド> <title>リスト設定</title> </head> <本文> <font size="5"> Webフロントエンド技術 <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>フラッシュ</li> </ul> ウェブバックエンド学習 <オル> <li>ASP</li> <li>ASP.net</li> <li>PHP</li> <li>CGI</li> ルビー パイソン </ol> </font> </本文> </html> ブラウザのアドレスバーに http://localhost/ul_ol.htm と入力すると、図 4.18 のようなブラウジング効果が表示されます。 ![]() 図4.18 リスト設定 |
この記事では、WeChatアプレットの具体的なコードを参考までに共有します。具体的な内容は次のとおり...
「脳が多数の領域間の関係を処理できるように、入力は論理的なグループに分割する必要があります。」 – ...
VMware で Linux 仮想マシンを作成し、VMware と仮想マシンのネットワークを設定する...
質問前回のクロスドメイン リソース共有に関する記事では、ドメイン間で Cookie を送信する場合、...
解決策:クリック イベントをオーディオ コンポーネントにバインドし、再生メソッドと一時停止メソッドを...
目次1. 読みやすいコード1. 統一コード形式2. マジックナンバーを削除する3. 単一機能原則2....
目次前面に書かれたWC とは何でしょうか?現在の欠陥1. コンポーネント内部イベントのコールバック2...
目次1. 文法2. 例3. その他の関連方法長い間、reduce() メソッドの具体的な使い方を理解...
1.まずAlibaba Cloudのウェブサイトにログインしてアカウントを登録し、サーバータイプを...
span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわ...
技術初心者として、初めて Linux システムをインストールするプロセスを記録しています。まず、Wi...
jsを使用して、中国語をピンインに変換するパッケージを作成しました。倉庫のアドレスはpinyin-p...
序文nginx はマルチプロセス モデルを使用します。リクエストが届くと、システムはプロセスをロック...
ウェブページ上のいくつかの要素の非表示、透明、その他のプロパティを制御する必要があることがよくありま...
Alibaba Cloud Diskの最後のアップデートからかなり時間が経ちました。ネットユーザー...