HTML 태그

원종운·2019년 12월 31일
0

기본적인 html tag

  • 제목 태그(heading tag, h tag)

    	+ 문서내의 제목을 표현할 때 사용하는 태그
    	+ 숫자가 낮을수록 큰 수준의 제목, 숫자가 높을수록 낮은 수준의 소제목을 나타날때 사용합니다. 
    	+ 숫자는 1~6까지 있으나, 6까지 쓰는 경우는 거의 없습니다.
    	+ HTML 코드
<h1>HTML</h1>
<h2>HTML</h2>
<h3>HTML</h3>
  • 단락 태그(p tag)

    	+ 내용을 단락별로 구분을 하고 싶을 경우 사용하며, 단락 태그로 감쌀경우 개행이 됩니다.
    	+ p 태그 내부의 개행은 "<br>" tag를 사용하여 강제로 개행하여야 합니다.
    	+ HTML 코드
<p>단락1</p>
<p>단락2<br>단락2
</p>
  • b 태그

    	+ 단순히 텍스트를 진하게 강조 표시해주는 태그입니다.
    	+ HTML 코드
<b>진하게</b>
  • strong 태그

    	+ 단순히 텍스트를 진하게 강조뿐만아니라, 실질적으로 브라우저 내에서 중요한 내용을 표시하는데 사용됩니다.
    	+ 웹 접근성에 크게 기여합니다. 스크린리더를 사용하게 될 경우 거센 억양으로 읽어줍니다.
    	+ 겉 모양은 b 태그와 동일합니다.
    	+ HTML 코드
<strong>진하게</strong>
  • i 태그

    	+ 텍스트를 이탤릭체로 표현하여 기울여서 표시해주는 태그입니다.
    	+ HTML 코드
<i>기울여서 강조</i>
  • em 태그

    	+ 텍스트를 이탤릭체로 표현하여 기울여줄뿐만 아니라, strong 태그와 마찬가지로 브라우저 내에서 중요한 내용을 표시하는데 사용합니다.
    	+ 웹 접근성에 크게 기여합니다. 스크린리더를 사용하게 될 경우 i 태그와 차이점을 아실 수 있습니다.
    	+ 겉 모양은 i 태그와 동일합니다.
    	+ HTML 코드
<em>기울여서 강조</em>
profile
Java, Python, JavaScript Lover

0개의 댓글