XHTML 入門チュートリアル: リストタグの使用

XHTML 入門チュートリアル: リストタグの使用
リストは、類似または関連する一連の項目をリストするために使用されます。順序なしリスト(箇条書きリスト)
順序なしリストのタグは <ul></ul> であり、各リスト項目は <li> タグを使用します。次に、順序なしリストを使用して「index.html」を書き換えます。 以前に保存したファイルを開いた後、「学生に提供されるサービス」セクションのコードを次の順序なしリスト コードに変更します。
<h3>学生向けサービス</h3>
<ul>
<li>冬休みと夏休みの宿題を書きます(数学は間違いがないとは<b>保証できません</b>、中国語はタイプミスがないとは保証できません、英語の宿題は他の人にやってもらえます)</li>
<li>4年生以下の生徒のいじめを手助けした場合は、追加料金が発生します。</b> </li>
<li> 保護者会は、<i>保護者のなりすまし</i>を支援します。 </li>
</ul>
保存した後、Web ページを参照して、Web ページがこのページと同じであることを確認します。 。 順序付きリスト 順序付きリストのタグは <ol></ol> で、リスト項目は引き続き <li> です。順序付きリストを使用して、「index.html」の「親セクション」を書き換え、変更したコード内の <ul></ul> を <ol></ol> に変更します。
<オル>
<li>冬休みと夏休みの宿題を書きます(数学に間違いがないとは保証できませんし、中国語にタイプミスがないとも保証できませんし、英語の宿題は他の人に頼むこともできます!</b>)。 </li>
<li><strong>4 年生以下</strong>の生徒のいじめを手助けすると、追加料金が発生します。 </li>
<li>保護者会は、<i>保護者のなりすまし</i>をお手伝いします。 </li>
</ol>
保存した後、Web ページを参照して、ページの効果がこのページと同じであることを確認します。順序なしリストと順序付きリストの違いは、各項目の前にドットが付いているか数字が付いているかであることがわかります。

<<:  Dockerでイメージ情報を表示する方法

>>:  MySQL でインデックス構造として B+ ツリーを使用する利点は何ですか?

推薦する

nginxリバースプロキシを介したデバッグコードの実装

背景現在、会社のプロジェクトは、フロントエンドとバックエンドが分離された方法で開発されています。新し...

Vue 監視属性のグラフィック例の詳細な説明

目次リスナープロパティとは何ですか?リスニングプロパティと計算プロパティの違いは何ですか?監視プロパ...

docker システムコマンドセットの使用

目次docker システム df docker システム プルーンdocker systemc 情報...

MySQL で 1000 万件のレコードをすばやくクエリする方法

目次通常のページングクエリ最適化する方法大きなオフセット使用ID制限大量データ問題の最適化通常のペー...

Vue での親子コンポーネント通信と、sync を使用して親子コンポーネント データを同期する

目次序文子コンポーネントは親コンポーネントにデータを渡す1. 親コンポーネントから子コンポーネントに...

JavaScript オブジェクトを作成する 3 つの方法

目次1. オブジェクトリテラル2. newキーワードはオブジェクトを作成する3. Object.cr...

MySQL データベース開発の 36 の原則 (要約)

序文これらの原則は実際の戦闘から要約されています。あらゆる原則の背後には血なまぐさい教訓があるこれら...

HTML&CSS&JS 互換性ツリー (IE、Firefox、Chrome)

Web デザインにおけるツリーとは何ですか?簡単に言うと、リンクをクリックするとサブディレクトリが展...

MySql データベースにリモートでログインするにはどうすればよいですか?

はじめに: プロジェクトを開発するために、サーバーに MySql データベース サーバーを展開し、ロ...

HTML相対パスの親ディレクトリと子ディレクトリの書き方

親ディレクトリを指定する方法../ はソース ファイルの親ディレクトリを表し、../../ はソース...

MySQL でスロークエリを有効にする方法の例

序文スロー クエリ ログは、MySQL で非常に重要な機能です。MySQL のスロー クエリ ログ機...

Vue ElementUI は非同期読み込みツリーを実装します

この記事の例では、vue ElementUI の非同期読み込みツリーを実装するための具体的なコードを...

Linux ネットワークプログラミングにおけるソケットオプションの実装

ソケットオプション機能機能: ソケットファイル記述子の属性の読み取りと設定に使用されるメソッド #i...

きちんとしたHTMLマークアップを使用してページを構築します

インターネットは絶えず進化する有機体です。長期にわたってインターネットの発展に適応できるページを構築...

Vue のスロットとフィルターの詳細な説明

目次スロットスロットとは何ですか?スロットの内容コンパイルスコープフォールバックコンテンツ名前付きス...