<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 を使用してイメージをローカルにパッケージ化してデプロイする方法
FIFO通信(先入れ先出し)関連のないプロセス間の通信を可能にする FIFO 名前付きパイプ。パイプ...
1. Linuxネットワーク構成ネットワークを構成する前に、まずローカル IPv4 アドレスやデフォ...
目次概要1. フロントエンドとバックエンドの分離とWeb APIの優先ルート設計2. Axiosネッ...
序文この記事では主にMySQLのカスタム関数とストアドプロシージャに関する関連コンテンツを紹介し、皆...
目次概要予防1. 使用方法2. 実装手順予備実装コード効果: Geo共通設定上記の構成を追加した後の...
ウェブサイト機能を開発する場合、セッション キャッシュを時間内にクリアできません。一連の探索が始まり...
目次1. 何ですか2. 使用数値列挙文字列列挙異種列挙自然3. 応用シナリオ要約する1. 何ですか列...
パブリック関数 json_product_list($where, $order){ グローバル ...
画像の周囲にテキストを折り返すとは何ですか?これは次の図の効果です。 エフェクトのCSSコードはここ...
この記事では、携帯電話認証コードログインを実装するためのVueの具体的なコードを参考までに共有します...
1. dockerでtomcat8をインストールする1. Docker HubでTomcatイメージ...
ここでは、あまり使われていない、または誤解されている 10 個の HTML タグを紹介します。あまり...
Mac オペレーティングシステムで MYSQL データベースのパスワードを忘れた場合の簡単な解決策1...
この記事の例はすべて小さなプログラムで書かれていますが、実装される機能には影響しません。 wxmlル...
今日は Docker でのネットワーク設定を試し、後で忘れないようにプロセスを記録しました。 (シス...