230823 TIL Chapter 28. HTML5 ( 글자 관련 태그 )

최규연·2023년 8월 23일
0

TIL

목록 보기
30/57

HTML5 첫 시간!

글자 관련 태그

제목 태그 ( h1 ~ h6 )

<!-- 이건 주석 -->
<!-- <h1> ~ <h6>
	제목을 입력할 때 사용하는 태그
	해당 태그는 시작부터 종료까지가 하나의 문단이다.
	== 종료 태그 이후 줄바꿈이 일어난다.
-->

<!-- 사용법 -->
<h1> 가장 크기가 큰 제목 태그 </h1>
<h2> 두번쩨로 큰 제목 태그 </h2>
<h3> 세번쩨로 큰 제목 태그 </h3>
<h4> 네번쩨로 큰 제목 태그 </h4>
<h5> 다섯번쩨로 큰 제목 태그 </h5>
<h6> 가장 작은 제목 태그 </h6>

개행, 가로 줄 생성, 띄어쓰기 태그 ( br , hr , &nbsp; )

<!-- 개행 태그 -->
<br>
<br/>
<br />

<!-- 가로 줄 생성 태그 -->
<hr>
<hr/>
<hr />

<!-- 띄어쓰기 태그 -->
&nbsp;

글 작성 태그

  • p 태그 : 글을 작성하는 용도의 태그, 종료 시 줄바꿈
  • pre 태그 : 글을 작성하는 용도의 태그, 시작과 종료 사이에 작성된 문자열의 형식 그대로 출력하지만 잘 쓰지않는다.
  • i 태그 : 단순히 글자를 기울이는 태그
  • em 태그 : 글자를 강조하는 태그, 기울이는 태그 (웹접근성)

여기서 웹 접근성이란?
일반인 뿐 아니라 장애인, 고령자를 위해 웹사이트에서 제공하는 서비스를 모두 이용할 수 있도록 보장하는 것이다.
웹 접근성을 위해 사용되는 기술은 스크린 리더가 있다.

  • mark 태그 : 형광펜으로 강조한 효과를 나타내는 태그
  • u 태그 : 밑줄을 긋는 테그
  • s 태그 : 취소선을 긋는 태그
  • small 태그 : 작은 글자를 나타내는 태그
  • sup 태그 : 윗첨자 (2의 2승 나타낼때 사용)
  • sub 태그 : 아래첨자 (log10 나타날때 사용)
  • abbr 태그 : 마우스 오버 시 툴팁 출력 태그

0개의 댓글