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

推薦する

HTML の色に関する参考資料

HTML では、色は 2 つの方法で表現されます。 1 つは、青の場合は blue のように色の名前...

HTML で自動ページジャンプを実現する 5 つの方法

前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...

deepin 2014 システムに MySQL データベースをインストールする方法

Deepin 2014 のダウンロードとインストールDeepin 2014 のダウンロードとインスト...

Javascript の基礎: 演算子とフロー制御の詳細な説明

目次1. オペレーター1.1 算術演算子1.2 インクリメント演算子とデクリメント演算子1.3 比較...

Linux で環境変数 JAVA_HOME を変更/設定する方法について簡単に説明します。

1. 永久的な変更、すべてのユーザーに有効# vi /etc/プロファイル//キーボードの[Shi...

Ajax リクエストにおけるクロスドメイン問題の原因と解決策

目次1. クロスドメインはどのように形成されるのでしょうか? 2. クロスドメインの根本的な原因3....

MYSQL マスタースレーブ レプリケーションの知識ポイントの概要

単一の MYSQL サーバーが現在の Web サイトのトラフィックに対応できない場合の最適化ソリュー...

MySQLのさまざまなロックの概念的理解

楽観的ロック楽観的ロックは、主にデータ バージョン記録メカニズムに基づいて実装され、通常はデータベー...

JavaScriptイテレータを学ぶ

目次導入js のイテレータはどのように見えるか反復プロトコル反復可能なプロトコルイテレータプロトコル...

JS+Canvas が抽選ホイールを引く

この記事では、宝くじターンテーブルを描画するJS + Canvasの具体的なコードを参考までに共有し...

HTML と CSS の命名規則の概要

CSS命名規則 ヘッダー: ヘッダーコンテンツ: コンテンツ/含むフッターナビゲーション: navサ...

JavaScriptを使って動的にテーブルを生成するケースの詳しい説明

目次序文実装のアイデア実装コード成果を達成する序文これは、テーブルを動的に追加する例です。[追加] ...

Mysqlの同時パラメータ調整の詳細な説明

目次クエリキャッシュの最適化概要クエリプロセスクエリキャッシュ構成クエリキャッシュの無効化メモリ管理...

vue-router 4 の使用例の詳しい説明

目次1. インスタンスをインストールして作成する2. vue-router4の新機能2.1 動的ルー...

mysql57サービスが突然消えた問題をすぐに解決する

1つ、 G:\MySQL\MySQL Server 5.7\bin> mysqld --ini...