웹 문서의 텍스트 태그

웹 문서에서 텍스트를 입력할 때 기본이 되는 제목과 본문, 단락과 줄바꿈 등의 태그는 여러가지가 있습니다. 

 

<hn> : 제목을 뜻하는 heading을 줄인 말이며 n의 자리에는 1~6의 숫자가 들어가며 <h1>이 가장 큰 제목이고 <h6>의 순서로 크기가 작아집니다.

 

제목 태그 사용법

제목 태그 사용에 따른 제목의 크기

<p> :  텍스트 단락을 입력할 때 사용합니다.

<p> 태그 사용법

편집기에 다음과 같이 입력하여 결과를 확인해보면

<p> 태그 출력 결과

웹 브라우저에는 줄이 바뀌지 않은 상태가 되어서 표시됩니다. 

이는 <br> 태그를 사용하여 줄을 바꿀 수 있습니다.

<p> 태그 안의 텍스트에 <br> 태그를 넣어 단락을 설정

그 결과로는 아래 사진과 같습니다.

출력 결과

자주 사용하지는 않지만 텍스트와 관련된 태그는 여러가지가 있습니다.

<i> : 글자에 기울기 효과가 적용됩니다.

<sup> : 위 첨자를 표시합니다.

<ins> :  공동 작업 문서에 새로운 내용을 삽입합니다.

<del> :  공동 작업 문서에 기존 내용을 삭제합니다.

<abbr> : 줄임말을 표시하고 title 속성을 함께 사용합니다.

<code> : 컴퓨터 인식을 위한 소스 코드입니다.

<small> : 텍스트를 부가 정보처럼 작게 표시합니다.

<sub> : 아래첨자를 표시합니다.

<s> : 취소선을 표시합니다.

<u> : 밑줄을 표시합니다.

<blockquote> : 인용문으로 인식하며 들여쓰기가 됩니다.