[HTML] 01_글자 관련 태그

• head 태그 : html 문서를 정의하는 태그
  문서의 제목, 스타일 시트(css), 스크립트(js), 메타데이터(문서의 일반적 정보)

• body 태그 : 화면에 보여질 html 문서의 내용을 정의하는 태그

<h1>~<h6> : 제목을 입력할 때 사용하는 태그
1~6까지 6단계의 폰트 크기가 지정되어 있음

* 해당 태그는 시작부터 종료까지가 하나의 문단이 됨
-> 종료 태그 이후 줄바꿈이 일어난다

<hr> : 가로줄 긋기 태그

HTML 문서에서 연속으로 띄어쓰기 / 엔터 시 문제점 -> 화면에 반영되지 않음

** 띄어쓰기, 엔터를 화면에 표시하는 방법 **

&nbsp : 띄어쓰기 한 칸
<br> : 줄바꿈

가&nbsp&nbsp&nbsp나
<br>다

p, pre태그

<p>
: 글을 작성하는 용도의 태그
: 종료 시 줄바꿈
<p>p1번 입니다</p>
<p>p2번 입니다</p>
<p>p3번 입니다</p>

<pre>
: 글을 작성하는 용도의 태그
시작, 종료 태그 사이에 작성된 문자열의 형식을 그대로 출력함

글자 관련 기타 태그

<b> : 단순히 글자를 굵게 표시하는 태그
<strong> : 글자를 강조하는 태그 (웹 접근성)

* 웹 접근성이란?
일반인 뿐만 아니라 장애인, 고령자들을 위해 웹사이트에서 제공하는 서비스를
모두 이용할 수 있도록 보장하는 것 (의무사항)
웹접근성을 위해서 사용되는 기술 : 스크린 리더

<i> :  단순히 글자를 기울이는 태구
<em> : 글자를 강조하는 태그 / 기울이는 태그 (웹접근성)

<mark> : 형관펜 효과를 나타내는 태그

<u> : 밑줄을 긋는 태그

<s> : 취소선을 긋는 태그 - 잘못된 텍스트를 강조하기 위해 사용!
<del> : 취소선을 긋는 태그 - 삭제된 텍스트, 이미 없어진 텍스트를 정의하는 것
* 화면으로 보이는 모습이 같다고 이 두개를 혼돈하면 안됨!

<small> : 글자를 작게

sup 태그(윗첨자) : x<sup>2</sup>
sub 태그(아랫첨자) : log<sub>10</sub>

abbr (abbreviation 약어) 태그 : 마우스 오버 시 툴팁 출력 태그
<abbr title="Hyper Text Transfer Protocol">HTTP</abbr>
* 화면에 표시되는 HTTP 글자에 마우스를 올리면 title로 적은 내용이 떠오름

글자 관련 태그 응용

: 태그들은 해당 태그 내에서 중첩으로 사용 가능하다.
: 굵은 글자를 사용할 수도 있고, 기울이거나, 취소선을 넣는 등 다양하게 사용할 수 있다.