[HTML] 텍스트 (Text)

텍스트 (Text)

제목

• 숫자 값이 작을수록 큰 수준의 제목을 의미한다.
• 보통 <h3>까지만 사용한다.

<h1>제목 텍스트</h1>
<h2>제목 텍스트</h2>
<h3>제목 텍스트</h3>
<h4>제목 텍스트</h4>
<h5>제목 텍스트</h5>
<h6>제목 텍스트</h6>

단락

• 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부른다.
• <p> 태그를 사용하여 단락을 표현한다.
• 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못 한다.
  • 이럴 경우, <br>을 이용하여 줄 바꿈을 할 수 있으며, 띄어쓰기는 &nbsp; 를 사용하면 된다.
• <pre>를 사용할 경우, HTML 코드에서 작성한 텍스트 서식을 그대로 표현할 수 있다.
• <hr>을 사용하여 수평 가로 구분선을 만들 수 있다.

<p>여기서부터 단락입니다.</p>

인용구

• <q>를 이용하여 짧은 인용구 표현이 가능하다.
  • 앞, 뒤로 큰 따옴표가 붙는다.
• <blockquote>를 이용하면 긴 인용구(블록 인용구)를 표현할 수 있다.
• <abbr>을 이용하여 축약형을 표현할 수 있다.

<p><strong><abbr title="HyperText Markup Language 5">HTML5</abbr></strong>

란 웹 문서를 제작하는 데 쓰이는 프로그래밍 언어인 HTML의 최신규격입니다.</p>

• <address>를 이용하여 주소를 표현한다.
  • italic체로 표시된다.

주석

• 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문이다.
• 웹 브라우저에는 표시되지 않는다.
• vscode의 경우, ctrl+alt+l이 단축키이며, Webstorm의 경우 ctrl+alt+/ 가 단축키이다.

<!-- 주석 내용 -->

특수문자

• HTML에는 미리 예약된 몇몇 문자가 있는데, 이러한 문자를 HTML 예약어라고 한다.

특수 문자	HTML 코드	특수 문자	HTML 코드
띄어쓰기	 	¢	¢
<	&lt;	£	&pound;
>	&gt;	¥	&yen;
&	&amp;	€	&euro;
"	&quot;	©	&copy;
'	&apos;	®	&reg;
×	&times;	÷	&divide;