简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

WebページのHTMLコード解説：順序付きリストと順序なしリスト_HTML/Xhtml_Webページ制作

WBOY
リリース： 2016-05-16 16:43:33
オリジナル
3364 人が閲覧しました

このセクションでは、HTML のリスト要素について説明します。リスト フォームは Web サイトのデザインにおいて重要な役割を果たし、表示される情報は非常にわかりやすく、ユーザーにとって理解しやすいものになります。次の CSS スタイルの学習では、リスト要素の高度な機能を多用します。
データを整理するためのリスト
Web ページの表示を制御する多くの HTML タグを学習した後、読者は最初に純粋な記事ページを作成できるようになります。このセクションでは、HTML のリスト要素について説明します。リスト フォームは Web サイトのデザインにおいて重要な役割を果たし、表示される情報は非常にわかりやすく、ユーザーにとって理解しやすいものになります。次の CSS スタイルの学習では、リスト要素の高度な機能を多用します。
文本框: 图4.17 列表元素的结构
4.4.1 リストの構造構成
HTML リスト要素は 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


      リスト設定



      ウェブフロントエンドテクノロジー

      • HTML

      • CSS

      • JavaScript

      • フラッシュ


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

      1. ASP

      2. ASP.net

      3. PHP

      4. CGI

      5. ルビー

      6. Python


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

      図4.18 リストの設定
      • 関連ラベル：
      コード 要素 勉強 順序 構造 ウェブページ 説明する
      ソース：php.cn
      前の記事：UTF-8 および GB2312 Web ページのエンコード_HTML/Xhtml_Web ページの制作 次の記事：IEの条件付きコメント_HTML/Xhtml_Webページ制作のメリットとデメリット
      このウェブサイトの声明
      この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
      著者別の最新記事
      最新の問題
      Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
      から 2024-04-06 21:28:37
      0
      1
      2257
      クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
      から 2024-04-06 21:23:40
      0
      2
      530
      Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
      から 2024-04-06 20:57:16
      0
      1
      487
      CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
      から 2024-04-06 20:45:26
      0
      2
      386
      opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
      から 2024-04-06 20:18:18
      0
      1
      483
      関連トピック
      詳細>
      人気のおすすめ
      人気のチュートリアル
      詳細>
      関連するチュートリアル
      人気のおすすめ
      最新のコース
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！