XHTML 入門チュートリアル: テキストの書式設定と特殊文字

XHTML 入門チュートリアル: テキストの書式設定と特殊文字
<br />このセクションでは、XHTML でテキストの書式設定と特殊文字を実装する方法について説明します。 前回のチュートリアルでは、テキストの書式設定に <b> タグを 1 回使用しました。これにより、タグ内のコンテンツが太字になります。たとえば、「<b>Rookie Bar</b>」はRookie Barと表示されます。テキストの表示方法を定義するこのタグを、テキスト形式タグ (テキスト スタイル タグなど) と呼びます。太字タグ <b> に似たタグとして、斜体タグ <i> と強調タグ <em> があります。 <b> などの XHTML タグの代わりに、CSS を使用して Web ページのスタイルを定義することをお勧めします。ここでこれらのタグを紹介する目的は、他の人の Web ページのソース コードを読むときに混乱しないようにすることです。 特殊文字(文字エンティティ)
XHTML では、「<」と「>」はタグを識別するために使用されるため特殊文字であり、タグ内の「<」と「>」はページには表示されません。では、ブラウザにこれらの特殊文字を表示させたい場合はどうすればよいでしょうか?このとき、文字エンティティを使用できます。たとえば、小なり記号「<」は、XHTML コードでは「&lt;」と記述されます。もちろん、Web デザイン ソフトウェアでは、この作業でコードを手作業で記述する必要はありません。したがって、これらの特殊文字の表示原理を理解するだけでよく、各特殊文字の表記コードを覚える必要はありません。 練習例 メモ帳を使用して、前に作成した「index.html」ファイルを開きます。ソース ファイル (赤で表示) に次の変更を加えて保存し、変更前と変更後の違いを確認してください。Web ページがこのページと同じであることを確認してください。
冬休みと夏休みの宿題を書く(数学間違いがないことを保証できませ、中国語はタイプミスがないことを保証できません、英語の宿題は他の人に書いてもらうことができます)
<br />小学4年生以下の生徒のいじめを手助けした場合は、 <b>追加料金が請求されます</b>
<br />保護者会は、保護なりすましを手助けします。
</p><!--上記コンテンツは段落です-->
文字エンティティの使い方を練習してみましょう。以前に保存した「index.html」を開き、</body> タグの前に次のコードを入力します: <p>Copyright&copy;2005-2006cainiao8.com All rights reserved</p>
変更を保存し、Web ページを再度参照すると、次のコンテンツが表示されます。
「Copyright©2005-2006XXX 著作権番号」ソースコード内の「&copy」がブラウザでは「@」として表示されていることに気が付きました。あなたのウェブページがこのページと同じであることを再度確認してください。完了です。 タグの順序について テキスト書式設定タグについて学習した後、単語を同時に太字と斜体で表示したい場合はどうすればいいのか疑問に思うかもしれません。二重タグ <b> と <i> を追加するだけという簡単な作業でしょうか?それは正しい。次の例を見てください。
<b><i>私は2つのラベルに囲まれています! </i></b>
ブラウザには2 つのタグに囲まれた状態で表示されます。
ここで注意する必要があるのは、タグの順序だけです。上記のタグの順序を <b><i>I am around by two tags! と記述すると、 </b></i> の場合、一般的なブラウザではエラーは発生しません。しかし、これは XHTML 標準に準拠していません。必ず順番にタグを閉じてください。

<<:  Docker を使用してイメージをローカルにパッケージ化してデプロイする方法

>>:  Mysql の varchar 型に関する注意点

推薦する

uniappとvueの違いの詳細な説明

目次1. シンプルなページの例2.uni-appはvueコンポーネントとミニプログラムネイティブコン...

LinuxにNginxをインストールする正しい手順

序文私のように、Java バックエンドに勤勉な人であれば、多数のプロジェクト機能を実装することに加え...

JavaScriptのアロー関数の特徴と通常の関数との違い

目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...

nginx で第 3 レベルドメイン名を設定する方法の例

問題の説明nginx を設定することで、異なるポートを介して異なる Web アプリケーションにアクセ...

HTMLのimgタグで画像の中心部分だけを表示する方法(3つの方法)

HTML の img タグで画像の中心を表示する方法は、現在 3 つあります。ここで記録しておきま...

Docker rocketmq デプロイメントの実装例

目次準備展開プロセスRocketMQ の初体験関連する質問ヘルプドキュメント私は最近 RocketM...

MySQL ストレージエンジン InnoDB の設定と使用方法の説明

MyISAM と InnoDB は、MySQL で最も一般的なストレージ エンジンです。前回の記事で...

Ubuntu 16.04 に nvidia ドライバー + CUDA + cuDNN をインストールする詳細なチュートリアル

準備1. GPUがCUDAをサポートしているかどうかを確認するlspci | grep -i nvi...

Vue 名前付きスロットの基本的な使用例

序文名前付きスロットは、スロット内の「name」属性を使用して要素にバインドされます。知らせ: 1....

mysql データ型変換の実装

1. 問題下図のような表があり、結果値がreference_high値より大きいデータを見つける必要...

MySQLの暗黙的な変換について話す

作業の過程で、暗黙的な変換が発生するケースが数多くあります。暗黙的な変換は、クエリの速度低下を引き起...

WeChatアプレット学習ノート: ページ構成とルーティング

最近、小さなプログラムの開発を勉強して見直しており、学習結果のいくつかをメモしています。公式の We...

Linux でファイル内の特定の文字の数を数える方法

ファイル内の文字列の数を数えることは、実際には砂の中の石を探すようなものです。ある人は、石を見た後に...

反応ルーティングでパラメータを渡すいくつかの方法についての簡単な説明

最初のパラメータ渡し方法は、動的ルーティングパラメータ渡しです。リンクのパス属性を設定することで、ル...

ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された URL にジャンプしません。

現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために j...