[HTML] TEXT

TEXT

 

<hn> 태그

• h1~h6 숫자가 작을수록 크기가 크다.
• <h1>이 가장 큰 제목 → 가장 중요한 제목 정의 <h2>, <h3> ... <h6> 순서로 크기가 작아진다 -> 중요도가 낮아진다

<p> 태그

• '텍스트 단락'을 만드는 태그 → 문단
• 단락은 항상 새 줄에서 시작, 브라우저는 단락 앞 뒤에 공백을 추가

<br> 태그

• '줄(line)'을 바꾸는 태그
• <br> 태그는 열린태그만 사용 → 닫는 태그가 없다

<span> 태그

• 텍스트의 일부 또는 문서의 일부를 표시하기 위해 사용되는 인라인 컨테이너

<blockquote> 태그

• '인용'할 때 사용 하는 태그 (quote : 인용하다)

<strong>, <b> 태그

• <strong> : 텍스트를 '굵게 강조' 할 때 사용하는 태그
• <b> : 텍스트를 '굵게 표시'할 때 사용하는 태그

→  <strong> 태그와 <b> 태그의 차이

• <strong> : 화면 낭독기 사용 시 강조하여 읽음
• <b> 단순히 글자만 굵게 표시

<em>, <i> 태그

• <em> : 텍스트를 '기울여 강조'할 때 사용하는 태그
  • emphasis : 강조
• <i> : 텍스트를 '기울여 표시'할 때 사용하는 태그
  • italic : 이탤릭체(기울기체)

다양한 텍스트 관련 태그

종류	설명	예시
<abbr>	줄임말 표시 (title속성 사용 가능)	<abbr title=”HyperText Markup Language”>HTML</addr>
<cite>	웹 문서, 포스트의 참고내용	<p>웹 페이지를 다른 페이지로 연결하는 링크 - <cite>’HTML mdn 문서’</cite> 중에</p>
<code>	컴퓨터 인식을 위한 소스 코드	<code>function savetheLocal()</code>
<small>	정보처럼 작게 표시되는 텍스트	<p>가격: 23,000원 <small>(부가세 별도)</small></p>
<sub>	아래 첨자 표시	<p>물의 화학식은 H<sub>2</sub>0입니다.</p>
<sup>	위 첨자 표시	<p>E = mc<sup>2</sup></p>
<s>	취소선 표시	<p><s>34,000원</s>23,800원</p>
<u>	밑줄 표시	<u>텍스트에 단순히 밑줄 긋기</u>
<ins>	공동 작업 문서에 새로운 내용 삽입	<ins>새로운 내용을 삽입합니다.</ins>
<del>	공동 작업 문서에 기존 내용 삭제	<dei>기존 내용을 삭제합니다.</del>