[Htmlベース]Html要素-1テキスト


📝 テキスト要素


1.タイトル(h 1~h 6)Tag


    <h1>h1 제목 </h1>
      <h2>부제목</h2>
        <h3>소제목
      <h2>부제목2</h2>
      <h2>부제목3</h2>
h 1からh 6まではディレクトリのように使用できます.
h 1はタイトルを1つだけ書くことをお勧めします.すべてのものを圧縮することができます.
  • を順番に使用します.
    h 1>h 2>h 3(小さくなる順O)
    h1 > h2 > h1 (X)
  • 2.本文タグ


    ■pタグ
    <p> 텍스트 </p>
    pラベルは関連するものを縛っている.
    (テキストの他に画像もあります)

    ▲同じpタグに一緒に書いたとき

    ▲異なるpタグを使用する場合
    異なるpタグを書くときと同じpタグを書くときにの効果が現れることがわかります.視覚的な空白効果のためにpラベルを使用するのは間違っています.(brラベルもそうです.)
    空白を残したいなら?cssで解決しなければなりません.
    2つの文であれば、pラベルを2つ書くべきです.
    引用する
    <blockquote>인용문블록요소
    </blockquote>
    
    <q>인라인 인용문 요소</q>

    上はblockquoteで書いた引用文で、後ろはqラベルで書いた引用文です.△長文はblockquoteタグ、短文はqタグを使用します.
  • blockquoteラベルはインデントされ、qラベルは「引用符」です.
  •     <p>
          <blockquote>인용문블록요소
          </blockquote>
        </p>
    ただ上のようには使えません.pタグのqタグは可能です.
    ■引用元-引用
        <blockquote cite="naver.com">
          네이버에서는 말했습니다.
          지식인을 많이 활용하라고
         </blockquote>
        <blockquote>
          <cite>naver.com</cite>
          네이버에서는 말했습니다.
          지식인을 많이 활용하라고
         </blockquote>
    上のblockquoteのcite"naver.com'は視覚的には見えませんが、ブラウザで見ることができます.下は視覚的にも見えます.
    ■preタグ
    <pre>
    </pre>
    はそのまま出力され、コード作成時にブロックタイプが提供される行内コードの提供
    ■グラフィックラベル
    グラフィックタグは、独立したコンテンツ表示に使用されます.
        <figure>
          <p>
            <q>
            The surest way to corrupt a youth is to instruct him to hold in higher esteem those who think alike than those who think differently.        </q>
            <figcaption>by Friedrich Nietzsche</figcaption>
          </p>
    
          <p>
            네이버 명언에서
            찾아보았습니다.
          </p>
        </figure>
    実際,qタグがなければpタグだけが図内部にあると,マージンが生じる.しかし、私はあなたに引用符をあげたいので、qを使いました.
  • アイコン問題は、追加の説明などとして使用できます.
  • 3.テキストの書式設定


    1) 🙋 同じboldで違う感じ


    <b></b>
    
    <strong></strong>
    同じボールですが違います.
    :重要ではありませんが、ある部分を強調したい場合は、
    高度に重要
    @strong例
    多くの事故が起こった.必ずヘルメットをかぶらなければなりません.
    ヘルメットをかぶるのが一番早く入ってきて、人々に認識させることができます!

    2)同じ傾きで違う感じ🙋

    <i> i 태그를 이용한 기울기 </i>
    <em> em 태그를 이용한 기울기 </em>
    :周囲と区別するため(ex.外国語文、技術用語など)
    :強調表示の場合
    @i例
    君は英語で君のことをよく話しなさい.

    3)その他


    E=mc<sup>2</sup>
    以上の式は「sup」形式を採用することができる.
    逆に下は下です.(脚注として使用可能)
    <mark> 하이라이트효과 완성 ! </mark>
    ハイパーリンクでtarget defaultはself
    ->ウィンドウから開く
    typeをblankに設定すると、ページが新しいウィンドウで開きます.
    <a href="http://naver.com" target="_blank">naver</a>

    4) Entity



    スペース数で出力するには、次の手順に従います.
    &nbsp;