<br />このセクションでは、XHTML でテキストの書式設定と特殊文字を実装する方法について説明します。 前回のチュートリアルでは、テキストの書式設定に <b> タグを 1 回使用しました。これにより、タグ内のコンテンツが太字になります。たとえば、「<b>Rookie Bar</b>」はRookie Barと表示されます。テキストの表示方法を定義するこのタグを、テキスト形式タグ (テキスト スタイル タグなど) と呼びます。太字タグ <b> に似たタグとして、斜体タグ <i> と強調タグ <em> があります。 <b> などの XHTML タグの代わりに、CSS を使用して Web ページのスタイルを定義することをお勧めします。ここでこれらのタグを紹介する目的は、他の人の Web ページのソース コードを読むときに混乱しないようにすることです。 特殊文字(文字エンティティ) XHTML では、「<」と「>」はタグを識別するために使用されるため特殊文字であり、タグ内の「<」と「>」はページには表示されません。では、ブラウザにこれらの特殊文字を表示させたい場合はどうすればよいでしょうか?このとき、文字エンティティを使用できます。たとえば、小なり記号「<」は、XHTML コードでは「<」と記述されます。もちろん、Web デザイン ソフトウェアでは、この作業でコードを手作業で記述する必要はありません。したがって、これらの特殊文字の表示原理を理解するだけでよく、各特殊文字の表記コードを覚える必要はありません。 練習例 メモ帳を使用して、前に作成した「index.html」ファイルを開きます。ソース ファイル (赤で表示) に次の変更を加えて保存し、変更前と変更後の違いを確認してください。Web ページがこのページと同じであることを確認してください。 冬休みと夏休みの宿題を書く(数学は間違いがないことを保証できません、中国語はタイプミスがないことを保証できません、英語の宿題は他の人に書いてもらうことができます) <br />小学4年生以下の生徒のいじめを手助けした場合は、 <b>追加料金が請求されます</b> 。 <br />保護者会は、保護者のなりすましを手助けします。 </p><!--上記コンテンツは段落です--> 文字エンティティの使い方を練習してみましょう。以前に保存した「index.html」を開き、</body> タグの前に次のコードを入力します: <p>Copyright©2005-2006cainiao8.com All rights reserved</p> 変更を保存し、Web ページを再度参照すると、次のコンテンツが表示されます。 「Copyright©2005-2006XXX 著作権番号」ソースコード内の「©」がブラウザでは「@」として表示されていることに気が付きました。あなたのウェブページがこのページと同じであることを再度確認してください。完了です。 タグの順序について テキスト書式設定タグについて学習した後、単語を同時に太字と斜体で表示したい場合はどうすればいいのか疑問に思うかもしれません。二重タグ <b> と <i> を追加するだけという簡単な作業でしょうか?それは正しい。次の例を見てください。 <b><i>私は2つのラベルに囲まれています! </i></b> ブラウザには2 つのタグに囲まれた状態で表示されます。 ここで注意する必要があるのは、タグの順序だけです。上記のタグの順序を <b><i>I am around by two tags! と記述すると、 </b></i> の場合、一般的なブラウザではエラーは発生しません。しかし、これは XHTML 標準に準拠していません。必ず順番にタグを閉じてください。 |
<<: Docker を使用してイメージをローカルにパッケージ化してデプロイする方法
目次データ列を分離するプレフィックスインデックスとインデックスの選択性データ列を分離するMySQL ...
システムの crontab を使用して定期的にバックアップ ファイルを実行し、バックアップ結果を日付...
取引トランザクションはビジネス ロジックの基本単位です。各トランザクションは一連の SQL ステート...
この記事では、thinkphp5.1 + Vue+axiosを使用してファイルをアップロードする方法...
序文: MySQL マスター/スレーブ アーキテクチャは、最も一般的に使用されるアーキテクチャ セッ...
ページをデザインするときには、ログイン ウィンドウを中央に配置するなど、DIV を中央に配置し、ペー...
Docker コンテナ内のプログラムは、ホスト ディレクトリ内のデータにアクセスして呼び出す必要があ...
半年もブログを書いていなかったので、少し恥ずかしいです... 正月休みは、Dota をプレイしたり ...
目次仮想DOMとは何ですか?なぜ仮想DOMが必要なのでしょうか?仮想 DOM はどのようにして実際の...
コンピュータ サイエンスで最も一般的に使用され、議論されているデータ構造の 1 つは、二分探索木です...
私は、WinForm と HTML5 を組み合わせた小さなものを作りたいだけなのですが、突然、そこに...
Web 標準に準拠した Web ページの構築は、jb51.net が常に全員と議論しているトピックで...
目次序文実装のアイデア実装コード成果を達成する序文これは、テーブルを動的に追加する例です。[追加] ...
nginx サーバーnginx は、静的ファイルの処理に非常に効率的な優れた Web サーバーです。...
データベースマルチテーブル接続クエリの実装方法の詳細説明結合演算子を使用して複数のテーブルクエリを実...