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+ ツリーを使用する利点は何ですか?

推薦する

最高の無料英語フォント33選を紹介

チャンクファイブフリータイプファミリーCuprum JAH I フリーフォントイェセヴァブークレフィ...

MySQL 5.7 でルートパスワードを変更する方法

MySQL 5.7 以降では、多くのセキュリティ更新が追加されました。旧バージョンのユーザーは慣れて...

CentOS 8 仮想マシンから Windows 10 ホスト フォルダーにアクセスする方法の簡単な分析

VMware Toolsをインストールすると、仮想マシンホスト間で①テキストをコピーして貼り付けるこ...

MySQL でデータベースを作成した後、ユーザー 'root'@'%' によるデータベース 'xxx' へのアクセスが拒否される問題を解決する

序文最近、仕事で問題が発生しました。データベースを作成した後、データベースに接続するときにエラーが発...

MySQL 文字列連結と null 値の設定のためのインスタンス メソッド

#文字列連結 concat(s1,s2); テーブル内の last_name と first_nam...

MySQL GROUP_CONCAT 制限の解決

効果: GROUP_CONCAT関数は、フィールド値を文字列に連結することができます。デフォルトの区...

ネイティブ JS で音楽プレーヤーを実装するためのサンプル コード

この記事では主に、次のように共有されるネイティブ JS 音楽プレーヤーのサンプル コードを紹介します...

DockerHubイメージリポジトリの使い方の詳しい説明

これまで使用していたイメージはすべて DockerHub パブリック リポジトリから取得していました...

nginx がアップストリーム アドレスにジャンプしない問題の解決方法

序文今日、nginx で非常に奇妙な問題に遭遇しました。フロントエンドの tomcat がページにジ...

ES6の新機能に関する最もよく使われる知識ポイントのまとめ

目次1. キーワード2. 脱構築3. 文字列4. 正規化5. 配列6. 機能7. オブジェクト8.シ...

vue の v-bind を理解する

目次1. v-bindの主要ソースコードの分析1. v-bind属性はどこに均一に保存されるか: a...

さまざまな環境での Docker Compose のインストール方法

1. オンラインインストール現在、Linux x86アーキテクチャのオンラインインストールのみを試し...

すべてのブラウザに対応したデータURIとMHTMLの完全なソリューション

データURI Data URI は、小さなファイルをドキュメントに直接埋め込むために RFC 239...

Vue で 3D タグ クラウドを実装するための詳細なコード

プレビュー: コード:ページセクション: <テンプレート> <div class=...

DockerプライベートイメージライブラリとAlibaba CloudオブジェクトストレージOSSの簡単な分析

Docker プライベートイメージライブラリDockerプライベートイメージライブラリとAlibab...