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 型に関する注意点

推薦する

Docker を使用してスタンドアロン Pulsar とクラスター化された Redis をデプロイする方法 (開発アーティファクト)

目次1. はじめに: 2. ドッカー: 1 カスタムネットワーク2 展開を開始する3 ネットワークを...

163 メールボックスログインボックスインタラクティブデザインの改善体験と共有

LOFTER のコンテストで、ログイン ボックスを再設計できると言及されているのを見ました。過去 2...

mysql バックアップ戦略の実装 (フルバックアップ + 増分バックアップ)

目次設計シナリオ技術的なポイントサーバー情報準備フルバックアップスクリプト(Mysql-FullyB...

MySQLデュアルマスター(マスターマスター)アーキテクチャ構成ソリューション

企業では、データベースの高可用性は常に最優先事項です。多くの中小企業は、MySQL マスター スレー...

Linuxのsortコマンドの複数のパラメータを理解するための1つの質問

sort コマンドは非常によく使用されますが、-o、-n、-u、-r などの多くのパラメーターがあり...

mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル

公式ウェブサイトアドレス: https://www.mysql.com/インストールの提案: インス...

Iframe の内外のページで JS がどのように動作するかの概要

目次iframeの外側のiframeのコンテンツを取得する方法1方法2 iframe 内の ifra...

SpringBoot でマイクロサービスを構築するために Docker を使用した実際の記録を分析する

それは何ですか? Spring Boot は、Spring オープンソース組織のサブプロジェクトであ...

3つの簡単な例を使ってハイパーリンクの下線を削除する方法

ハイパーリンクの下線を削除するには、スタイルシート CSS を使用する必要があります。当面は CSS...

Vue3でelement-plusを使用する方法の詳細な説明

目次1. インストール2. main.jsにインポートする3. 使用Vue3がリリースされてからしば...

ウェブサイトをIE6、7、8、9の古いバージョンに対応させるための3つのソリューション

Microsoft は後からブラウザの研究開発に力を入れてきましたが、実際のところ、最新の IE ブ...

Ubuntu 18.04 に opencv 3.2.0 をインストールするためのソリューション

opencv.zip をダウンロード依存関係を事前にインストールします。まずダウンロードソースを更新...

Vue ページ印刷で自動ページングを実装する 2 つの方法

この記事では、ページ印刷の自動ページングを実現するためのVueの具体的なコードを例として紹介します。...

MySQLでデータベースデータ保存ディレクトリを変更する方法

序文MySQL データベースのデフォルトのデータベース ファイルは /var/lib/mysql に...