HTML_02_strong, u, h1~h6, br, p

7229 ワード
html テキストリンク

strong

  • テキスト太字
  • to define text with strong importance. The content inside is typically displayed in bold.
    • 例)
    <strong>creating web pages</strong>
    creating web pages

    u

  • テキストに下線
    • を付ける
  • display with an underline.
    • 例)
    creating <u>web</u> pages
    creating web pages
    なぜ下線が見えないのか

    h1 ~ h6

  • タイトル(タイトル)
  • to define HTML headings.
  • <h1> defines the most important heading.<h6> defines the least important heading.
    • 例)
    <h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

    h1


    h2


    h3


    h4


    h5
    h6

    br

  • 改行(断線/断線)
  • inserts a single line break. to enter line breaks, not to add space between paragraphs.
  • エンターテインメントと同じ効果です.書くだけ改行する.
    • 閉じていないラベル
  • .
    • 例)
    one<br>.two<br>.<br>three<br>.<br>.<br>fin.
    one.two.three..fin.

    p

  • 段落(段落)
  • defines a paragraph.
  • CSSによる設計(ex.段落間隔調整)
    ->brがpを好む理由は、pによって段落の境界が明確になり、CSSによってpの設計が自由に変更できるため、
    • 例)
    <p>My Bonnie lies over the ocean.</p>
<p style="margin-top:45px;">My Bonnie lies over the sea.</p>
<p style="margin-bottom:90px;">My Bonnie lies over the ocean.</p>
<p>Oh, bring back my Bonnie to me.</p>

margin = 여백
top(위)에 45픽셀만큼의 여백
bottom(아래)에 90픽셀만큼의 여백
    My Bonnie lies over the ocean.
    My Bonnie lies over the sea.
    My Bonnie lies over the ocean.
    Oh, bring back my Bonnie to me.
    どうしてみんなに直接見せないの?

    Ref

  • w3school
  • 生活コードHTML
    • 符号化と文字化---符号化基盤(ZZ)
    白駿-トマト[7576]