テキスト関連タグ

14984 ワード

html5 テキストリンク

①タイトルラベル

headingタグはタイトルを表示するために使用され、h 1〜h 6のタグがある.
h 1は最も重要なタイトルを意味し,字の大きさも最大である.
ドキュメントの構造にも密接に関係しているので、できるだけ順番に使用することが望ましい.
h 1~h 6ラベルは自動的に改行され、 ラベルを追加する必要はありません.

②フォントタグ（Text Formatting Tag）

<body>
  <p style="font-weight:bold">This is bold.</p>
  <b>This is bold.</b>
  <strong>This text is strong.</strong>
  <i>This text is italic.</i>
  
</body>

1.bラベル

太字を指定します.タイトルラベルのように意味的に重要ではありません.
bタグはstyleタグでboldとして指定されたものと同じ結果を有する.

2.強いラベル

strongタグもbタグと同様に、既存のテキストをbold処理して暗く見せる.
では、この2つのラベルにはどんな違いがありますか?
前述したように、bタグはテキストを強調する役割を果たすが、意味的には重要ではない.
しかし、strongタグでは、テキストだけでなく、ページの重要な部分を強調するために実際に使用されます.すなわち,ブラウザが強いタグを解析すると,ページの重要な部分として理解され,ブラウザがサポートするWebアクセスに大きく寄与する.

3.iラベル

iタグは斜体タグであり、斜体の略である.
意味では重要性を強調しない.

4.emタグ

強調(強調、重要)するテキストを指定します.
視覚的にはiタグと同じであるが,emタグでは意味的に重要である.は内容を強調する.とが表示されている場合、音声で読むと音量やトーンを変更して読むことができます.以上のように、およびは、ウェブブラウザだけでなく、音声読書ツールにおいても読書を強調している.

5.小さなラベル

<body>
  <h1>HTML <small>Small</small> Formatting</h1> // small 글자만 작게 표시된다.
</body>

6.markタグ

<body>
  <h2>I <mark>Love♡</mark> You</h2> // Love♡ 부분이 highlighted text로 표현된다.
</body>

7.delラベル

<body>
  <p>My favorite color is <del>red</del> green.</p> // red 부분만 취소선이 있게 표현된다.
</body>

テキストが削除されたことを示します.

8.insラベル

<body>
  <p>My favorite color is <ins>green</ins>.</p> // green 부분만 밑줄이 있게 표현된다.
</body>

テキストが追加されたことを示します.

9.sub/supラベル

<body>
  <p>This is <sup>superscripted</sup> text.</p> // 위 첨자
  <p>This is <sub>subscripted</sub> text.</p> // 아래 첨자
</body>

③本文ラベル

1.pタグ

は、段落を区切るための段落の略である.
pタグは前後にマージンを増やし, の2回の進入の結果と同じであった.

2.brラベル

 は改行文字の略で、改行に用いられる. は、終了フラグのない空の要素です.
HTMLでは、1つ以上の連続するスペースを挿入しても、1つのスペースとして表示されます.
1つ以上の連続した改行(enter)も1つのスペースとして表示されます.
スペースを連続して出力する場合は、
出力する空白位置に任意の数の を追加すればよい.

<body>
  <p>00대학교&nbsp; &nbsp; 컴퓨터공학과 &nbsp;&nbsp;16학번</p> // 공백이 4개, 3개
</body>

3.プリタグ

作成したブラウザには、<pre>で作成したEnterまたはTabおよびSpaceが表示されます.
したがって,長文などを表現する際に有効に用いることができる.

<!DOCTYPE html>
<html>
  <body>
    <pre>
var myArray = [];
console.log(myArray.length); // 0

myArray[1000] = true;  // [ , , ... , , true ]

console.log(myArray.length); // 1001
console.log(myArray[0]);     // undefined
    </pre>
  </body>
</html>

4.hrラベル

水平線のタグを挿入します.
段落を意味的に分離したり、トピックを分離したりするために使用されます.
終了フラグはありません.

5.qタグ

短い引用文の指定
ブラウザはq要素を引用符(二重引用符/引用符/")で囲んでいます.

6.blockquoteラベル

長い引用ブロックを指定します.ブラウザはblockquote要素をインデントします.
cssを使用して、さまざまなスタイルを適用できます.

<body>
  <p>Browsers usually indent blockquote elements.</p>
  <blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  </blockquote>
</body>