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

推薦する

CSS 画像アニメーション効果のサンプルコード(フォトフレーム)

この記事では、CSS 画像アニメーション効果(フォトフレーム)のサンプルコードを紹介し、皆さんと共有...

cmd と python での MySQL の一般的な操作についての簡単な説明

環境設定1: MySQLをインストールし、MySQLのbinディレクトリを環境変数に追加する環境設定...

Dockerコンテナデータボリュームの原理と使用法の分析

コンテナデータボリュームとはデータがコンテナ内にある場合、コンテナを削除するとデータは失われます。例...

Vueはドラッグアンドドロップまたはクリックで写真をアップロードする機能を実装しています

この記事では、ドラッグアンドドロップやクリックによる画像のアップロードを実現するためのVueの具体的...

MySQL で遅いクエリ SQL を見つけて最適化する詳細な例

目次1. 遅いクエリSQLを見つけて最適化する方法a. スローログに基づいてスロークエリSQLを見つ...

面接の質問: 3 行 3 列のレイアウト、表は結合され、ネストされた表は許可されません

面接の質問で、3 行 3 列のレイアウトが求められます。1 行目の 2 番目の列と 2 行目の 2 ...

Vue 親子コンポーネントの相互値の転送と呼び出し

目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...

証明書を使用してリモート Docker サーバーに接続する方法

目次1. スクリプトを使用してDockerのTLSを暗号化する2. Dockerの設定を変更してリモ...

react-virtualized を使用して、動的な高さを持つ画像の長いリストを実装する

目次開発中に発生した問題解決具体的な実装実績まとめバーチャルリストは、スクロールコンテナ要素の表示領...

Vue要素ヘッダーにスラッシュを追加するための実装コード

<テンプレート> <div class="アプリコンテナ"&...

MySql でリモート接続を許可する方法

MySql でリモート接続を許可する方法この目標を達成するには、2つのことを行う必要がある。ユーザー...

ウェブサイトのユーザビリティとコンバージョン率を向上させる 25 のツール

ウェブサイトの場合、ユーザビリティとは、ユーザーが必要な情報を効果的に見つけたり、タスクを完了したり...

JavaScript の基本変数

目次1. 変数の概要1.1 変数のメモリへの保存1.2 変数の使用1. 変数を宣言する2. 譲渡3....

MySQL 検査スクリプト (必読)

以下のように表示されます。 #!/usr/bin/env python3.5 psutilをインポー...

レスポンシブ原則のソースコード分析のVue解釈

目次初期化初期化状態()初期化プロパティ()初期化データ()観察する()オブザーバーリアクティブを定...