【HTML要素】タグテキストの詳細説明

1. 基本的なテキスト要素を使用してコンテンツをマークアップする

まず表示効果を見てみましょう:

対応する HTML コード:

XML/HTML コードコンテンツをクリップボードにコピー

<!DOCTYPE html >
< html lang = "ja" >
<ヘッド>
<メタ文字セット= "UTF-8" >
<タイトル> Learn4Font </タイトル>
</ヘッド>
<本文>
要素 b — 私が例です。
要素 em — 私がその例です。
要素 i — 私が例です。
要素 s — < s >私が例です。 </ s >
要素が強い -- 私がその例です。
要素 u — 私が例です。
要素小 — 私が例です。
要素 sub — 私が例です。
要素 sup —— 私が例です。
</本文>
</html>

対応する要素のカスタムスタイル:

XML/HTML コードコンテンツをクリップボードにコピー

*一般的にはキーワードや商品名を指します*
b{フォントの太さ: 太字;}
*一般的に強調を示します*
em {フォントスタイル: イタリック体;}
*一般的に外国語や科学用語を指します*
i {フォントスタイル: 斜体;}
*一般的に不正確さや訂正を示します*
s {テキスト装飾: 取り消し線;}
*一般的に重要なテキストを示します*
強い {font-weight: bolder;}
*一般的にはテキストに下線を引くことを意味します*
u {テキスト装飾: 下線;}
*一般的には小さいフォントのコンテンツを追加することを意味します*
小さい {フォントサイズ: 小さい;}
*一般的には上付き文字と下付き文字を追加することを意味します*
sup {垂直位置: サブ; フォントサイズ: 小さい;}
サブ {垂直位置: スーパー; フォントサイズ: 小さい;}

2. 言語要素を使用する

ruby、rt、rp 要素の効果をまず見てみましょう。

対応するコード:

XML/HTML コードコンテンツをクリップボードにコピー

< 10 ... スタイル= " フォントサイズ: 3em; " >
< ruby >魑< rp > ( </ rp > < rt > chī </ rt > < rp > ) </ rp > </ ruby >
< ruby >魅< rp > ( </ rp > < rt >メイ</ rt > < rp > ) </ rp > </ ruby >
< ruby >魍< rp > ( </ rp > < rt > wǎng </ rt > < rp > ) </ rp > </ ruby >
< ruby >魉< rp > ( </ rp > < rt > liǎng </ rt > < rp > ) </ rp > </ ruby >

3. フォーマット済みのコンテンツを使用する

pre 要素はブラウザがコンテンツを処理する方法を変更し、空白が折りたたまれるのを防ぎ、ソースドキュメントの書式設定を保持します。

XML/HTML コードコンテンツをクリップボードにコピー

<前>
<コード>
var fruit = ["リンゴ","オレンジ","マンゴー","チェリー"];
for(var i = 0 ; i < 果物.長さ; i++){
document.writeln("私は " + 果物[i] が好きです);
}
</コード>
</前へ>

上記の[HTML要素]テキストのマーキングの詳細な説明は、エディターがあなたと共有するすべての内容です。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/luka/archive/2016/07/23/5532134.html

<<: 面接では、select...for update がテーブルをロックするのか、それとも行をロックするのか尋ねられました。

>>: dockerにros2をインストールするための詳細な手順

HTML テーブルタグチュートリアル (36): テーブルヘッダーの背景色属性 BGCOLOR

ブログ

Docker を使ってゼロから SOLO 個人ブログを構築する方法

ブログ

Vueはカルーセルアニメーションを実装します

ブログ

vue3.0+echarts は 3 次元の縦棒グラフを実現します

ブログ

CentOS7.3 での MySQL 8.0.13 のインストールと設定のチュートリアル

ブログ

mysql8.0.12 でルートパスワードをリセットする方法

ブログ

Web デザインにおける Less と More について語る (写真)

ブログ

JavaScript オブジェクトの組み込みオブジェクト、値型、参照型の説明

ブログ

favicon.ico についていくつか注意点があります (ルートディレクトリに置くのがベストです)

ブログ

MySql クイック挿入数千万の大規模データの例

ブログ

【HTML要素】タグテキストの詳細説明

HTML テーブルタグチュートリアル (36): テーブルヘッダーの背景色属性 BGCOLOR

Docker を使ってゼロから SOLO 個人ブログを構築する方法

Vueはカルーセルアニメーションを実装します

vue3.0+echarts は 3 次元の縦棒グラフを実現します

CentOS7.3 での MySQL 8.0.13 のインストールと設定のチュートリアル

mysql8.0.12 でルートパスワードをリセットする方法

Web デザインにおける Less と More について語る (写真)

JavaScript オブジェクトの組み込みオブジェクト、値型、参照型の説明

favicon.ico についていくつか注意点があります (ルートディレクトリに置くのがベストです)

MySql クイック挿入数千万の大規模データの例

推薦する

VueとFlask間の通信の実装

JavaScript ベースのシンプルな計算機の実装

Linux シェル環境での Zabbix API の使用

インデックスを使用して MySQL ORDER BY ステートメントを最適化する方法

最高の無料英語フォント33選を紹介

JavaScript を使用してテーブル情報を追加および削除する

Nginx と Lua を使用した JWT 検証の概要

MySQLにおける(JOIN/ORDER BY)文のクエリ処理と最適化方法

HTMLでカメラを読み込む方法

ウェブページのアクセス速度に関する主な問題と解決策

VMware Workstation16 と Navicat リモート接続での Centos7 での MySQL8.0 インストールプロセス

Vite2+Vue3を使用してMarkdownドキュメントをレンダリングする練習

Navicat for MySql ビジュアルインポート CSV ファイル

CSSは複数の要素をボックスの両端に揃える効果を実現します

Vue.js での $emit の使用に関する詳細な説明