HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLテキストフォーマット

HTMLテキストフォーマットとは、HTMLドキュメントのコンテンツをフォーマットするために特別に設計されたHTML要素を指します。

構文

以下は構文です-

<tagname>content</tagname>

HTMLのテキストフォーマットタグは次のとおりです。

Sr.No。 タグと説明
1
HTMLドキュメントで太字のテキストを指定します。
2
HTMLドキュメントで強調されたテキストを指定します
3
HTMLドキュメント内の斜体のテキストを指定します。
4
HTMLドキュメント内の小さいテキストを指定します。
5
HTMLドキュメントの重要なテキストを指定します。
6
HTMLドキュメントの添え字付きテキストを指定します。
7
HTMLドキュメントで上付きテキストを指定します
8
HTMLドキュメントに挿入されるテキストを指定します。
9
HTMLドキュメント内の削除されたテキストを指定します。
10
HTMLドキュメントで強調表示されたテキストを指定します。

HTMLテキストフォーマットの例を見てみましょう：

例

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   }
</style>
<body>
<h1>HTML Text Formatting Demo</h1>
<b>I'm Bold Tag</b>
<br>
<em>I'm Em Tag</em>
<br>
<i>I'm I Tag</i>
<br>
<small>I'm Small Tag</small>
<br>
<strong>I'm Strong Tag</strong>
<br>
<sub>I'm Sub Tag</sub>
<br>
<sup>I'm Sup Tag</sup>
<br>
<ins>I'm Ins Tag</ins>
<br>
<del>I'm Del Tag</del>
<br>
<mark>I'm Mark Tag</mark>
<br>
</body>
</html>

出力

HTMLテキストフォーマット


  1. HTMLディレクトリ属性

    HTMLのdir属性は、要素のコンテンツの方向を設定するために使用されます。 HTMLでdir属性を実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body>    <h2>Demo Heading</h2>    <p>This is normal text.</p>    <p dir="rtl">This text would get displayed from left to

  2. HTMLプレースホルダー属性

    HTMLプレースホルダー属性は、 input / textareaに表示されるテキストを表します ユーザーが何かを入力し始める前の要素。 構文 以下は構文です- <tagname placeholder=”text”></tagname> HTMLプレースホルダー属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       he