HTML 텍스트

HTML 텍스트 태그를 사용하면 단락, 제목, 목록 등과 같은 요소로 구분하여 웹 페이지를 더 읽기 쉽고 이해하기 쉽게 만들 수 있습니다. 텍스트 요소는 다양한 기능과 스타일을 적용할 수 있습니다. 이를 통해 웹 페이지의 모양과 느낌을 조절할 수 있습니다.
  • hn태그 (h1~h6) – 검색키워드로 인식함
  • p태그 (본문의 문단을 작성)
  • br태그 (문단의 줄 바꿈할 때)
  • blockquote태그 (출저에서 인용 한 문단 단위의 텍스트를 작성할 때 사용) – 출처가 확실한 인용문은 cite 속성으로 출처 경로 명시
  • q태그 (문단 안에 텍스트 단위의 짧은 인용문을 작성할 때 사용)
  • ins, del태그 (ins 는 새로 추가된 텍스트임을나타냄, del태그는 기존에 있던 텍스트가 삭제된 텍스트임을 나타냄)
  • sub, sup태그 (각각 아래 첨자, 위 첨자 해당하는 텍스트)

<예제코드> – hn태그

<!-- 형식 <hn>제목</hn> -->
<!-- 중요도 순서로 나타냄, 1~6으로 갈수록 폰트 사이즈 달라짐 -->
<h1> Heading level1</h1>
<h2> Heading level1</h2>
<h3> Heading level1</h3>
<h4> Heading level1</h4>
<h5> Heading level1</h5>
<h6> Heading level1</h6>

<예제코드> – p태그, br태그

<!-- 형식 <p>내용</p> -->
<p>하나의 문단을 작성할 때는 p태그를 사용합니다.</p>

<!-- 형식 <br> -->
<p>
    안녕하세요,
    코드 스토리입니다.
    오늘도 열심히 공부를 해야겠습니다.
</p> <!-- 결과는 줄바꿈이 되어 있지 않음 -->
<p>
    안녕하세요,<br>
    코드 스토리입니다.<br>
   오늘도 열심히 공부를 해야겠습니다.
</p> <!-- 결과는 줄바꿈이 <br>태그로 인하여 되어있음 -->

<예제코드> – blockquote 태그

<!-- 형식 <blockquote cite = "출처 URL"> 문단 단위의 인용문</blockquote> -->
<blockquote cite = "https://kgo-lifelogs.com/">
    <p>
        안녕하세요 코린이의 코드스토리 방문을 환영합니다~
    </P>
</blockquote>

<!-- 형식 <q site = "출처 URL"> 짧은 인용문 </p> -->
<p>
    안녕하세요 코린이의 코드스토리 방문을 환영합니다.<q cite="https://kgo-lifelogs.com/">
    열심히 공부할께요~
</p>

<예제코드> – ins태그, del태그

<!-- 형식 <ins>추가 텍스트</ins>, <del>삭제 텍스트</del> -->
<p>
    세일 기간을 맞이하여 온라인 에서 책을 할인된 금액
    (정가<del>30,000</del><ins>20,000</ins>)에 판매합니다.
</p>

<예제코드> – sub태그, sup태그

<!-- 형식 <sub>아래 첨자</sub>, <sup>위 첨자</sup> -->
<p>
    공기의 원소 기호는 H<sub>2/sub>0
</p>

<p>
    4<sup>2</sup>은 16 입니다.
</p>

Leave a Comment