로그인  회원가입  
인포앤북 홈

2-1. 텍스트

텍스트(Text)는 이미지에 반대되는 것으로 글자를 의미합니다. 이번 절에서는 텍스트를 이용하여 글 제목을 만드는 <h1>~<h6> 태그, 단락을 생성하는 <p> 태그, 줄바꿈을 하는 <br> 태그 등에 관해 알아봅니다.

■ 글 제목 : <h1> ~ <h6>

HTML에서 글 제목을 만드는 태그에는 <h1>, <h2>, <h3>, <h4>, <h5>, <h6> 여섯 가지가 있습니다.

글 제목 : <h1> ~ <h6>
ex2-1.html
    <h1>웹이란?</h1>
    <h2>웹이란?</h2>
    <h3>웹이란?</h3>
    <h4>웹이란?</h4>
    <h5>웹이란?</h5>
    <h6>웹이란?</h6>
ex2-1.html의 실행 결과
■ 단락 : <p>

<p> 태그는 HTML에서 단락을 만드는 데 사용됩니다.

단락 : <p>
ex2-2.html
<h2>웹이란?</h2>
<p>웹은 World Wide Web의 줄임말로서 인터넷 상에서 동작하는 하나의 서비스입니다. 
    웹을 이해하기 위해서 반드시 알아야 하는 것이 바로 하이퍼텍스트입니다.</p>
ex2-2.html의 실행 결과
■ 줄바꿈 : <br>

<br> 태그는 HTML 문서에서 줄바꿈을 할 때 사용됩니다.

줄 바꿈 : <br>
ex2-3.html
    <h2>웹이란?</h2>
    <p>인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 
    문서를 만들 때 사용하는 웹 언어의 한 종류이다.<br> 
    특히 하이퍼텍스트를 작성하기 위해 개발되었으며,<br><br><br> 인터넷에서 웹을 통해 
    접근되는 대부분의 웹 페이지들은 HTML로 작성된다.</p>
ex2-3.html의 실행 결과
■ HTML 특수 문자

HTML 문서에서 공백, <, >, ", ' 등은 특별한 의미를 가집니다. 예를 들어 <과 >는 HTML 문서에서 태그 이름에 사용됩니다. 따라서 이러한 특수 문자들은 다르게 표현되어야 합니다.

HTML 특수문자
ex2-4.html
    <p>&lt;br&gt;태그는 줄바꿈을 의미한다.</p>
    <p>&quot;홍길동&quot;</p>
    <p>&#039;홍길동&#039;</p>
    <p>HTML &amp; CSS</p>
    <p>안녕&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;하세요.</p>
    <p>저작권 표시 : &copy;</p>
ex2-4.html의 실행 결과

위에서 사용된 HTML 특수 문자를 표로 정리하면 다음과 같습니다.