HTMLの学習パート8:HTMLで上付き、下付き、小さい、マークされたテキスト要素を使用する
HTMLドキュメントの作成では、もちろんテキストフォーマット要素が必要です。テキストをフォーマットするための特別なタグを使用して、作成したテキストのフォーマットを設定できます。この資料では、HTMLの上付き、小、下付き、マーク付きのテキスト要素について説明します。
上付き、小、下付き、およびマーク付きのテキスト要素は、特徴的なテキスト形式でのみフォーマットされるため、物理フォーマットとして分類される要素です。
上付き、下付き、小さな要素がサポートされています一部のブラウザーには、Google Chrome、Mozilla Firefox、Safari、Opera、およびInternet Explorerが含まれます。一方、マークされたテキスト要素は、特定のバージョンの特定のブラウザでのみ完全にサポートされています。 HTMLの上付き、下付き、小さくマークされたテキスト要素の詳細な説明は次のとおりです。
A.上付き要素
上付き要素はテキストの作成に使用されますランク(上付き文字)として印刷されます。上付きの要素は、<sup>タグのペア... .. </ sup>を使用してマークされます。上付き文字要素の使用は、数学的記述、化学計算の記述、脚注などに適用できます。
HTMLで上付き要素を使用するコードの例を次に示します。
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Superscript di HTML</title>
</head>
<body>
Jadi jawaban dari 2<sup>4</sup> adalah 16
</body>
</html>
ブラウザで実行すると、結果は次のようになります。
CSSでは、ほとんどのブラウザで<sup>要素が固定値で表示されます。 フォントサイズ:
小さい と 縦に並べる:スープ.
B.下付き要素
下付き要素は、効果を印刷するために使用されます位置が元のテキスト(下付き文字)よりも低いテキスト(書き込み)。添え字要素は、<sub>タグのペア...を使用してマークされます。 </ sub>。この要素は、化学式の記述に使用できます。以下は、添え字コードの使用例です。
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Subscript di HTML</title>
</head>
<body>
Air adalah substansi kimia dengan rumus kimia H<sub>2</sub>O
</body>
</html>
ブラウザで実行すると、結果は次のようになります。
CSSでは、ほとんどのブラウザで<sub>要素が固定値で表示されます。 フォントサイズ:
小さい と vertical-align:sub.
C.小さな要素
small要素は、テキストサイズを縮小するために使用されます。小さな要素には
<small>タグのペア... .. </ small>を使用します。
HTMLで小さな要素を使用するためのコード例を以下に示します。
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Small di HTML</title>
</head>
<body>
<small>Hai... teks ini menjadi kecil bukan ?</small>
</body>
</html>
ブラウザで実行すると、結果は次のようになります。
上の画像にあるように、文字サイズが小さくなります。 CSSでは、ほとんどのブラウザで<small>要素が固定値で表示されます。 フォントサイズ:小さい.
D.マークされたテキスト要素
マークされたテキスト要素は宣言に使用されますハイライターテキストの効果を持つハイライトされたテキスト。マークされたテキスト要素は、<mark> ... .. </ mark>タグのペアを使用してマークされます。 <mark>タグは、HTML5に由来する新しいタグです。
以下は、マークされたテキスト要素を使用するコードの例です。
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Marked Text di HTML</title>
</head>
<body>
<mark>Ini kalimatnya perlu distabilo</mark>
</body>
</html>
ブラウザで実行すると、結果は次のようになります。
CSSでは、ほとんどのブラウザに固定値の<mark>要素が表示されます。 背景色:黄色 と 色:黒。次の資料は、HTMLのテキストの色とフォントタイプを変更する方法です。