마이다스동아일보[클럽마이다스:웹디자인스쿨]

3단계: 머리글 태그

머리글 태그는 용도에 따라서 다양한 글꼴 크기를 제공합니다. 예를 들어 <h1> 태그는 홈 페이지의 주요 머리글을 제공하기 위해 사용하며, <h2>는 부 머리글을 제공하기 위해 사용합니다.

1. 작업 표시줄에 숨어 있는 워드 패드 단추를 눌러 워드 패드를 다시 화면에 띄우세요. 파일 메뉴에서 새 파일 명령을 고르세요.
2. 새 파일 대화 상자가 나타나면, 텍스트 목록을 고르고 확인 단추를 누르세요.
3. 텍스트 형식의 새 문서가 나타나면, 다음과 같이 텍스트를 작성하고 머리글 실험.html이라는 파일 이름을 붙이세요.

<html><head><title>머리글 실험</title></head><body>

<h1>어흠! 제가 바로 h1입니다</h1>

<h2>저는 h2구요</h2>

<h3>저는 h3이에요</h3>

<h4>저는 h4라구요</h4>

<h5>저는 마지막 머리글인 h5입니다</h5>

</body></html>
4. 인터넷 익스플로러를 다시 열고 방금 전에 작성한 머리글 실험.html 파일을 불러 오세요. 파일을 열 때는 파일 메뉴의 열기 명령을 이용한다고 앞에서 배웠죠?
5. 익스플로러 창에 방금 전에 작성한 머리글들이 각기 다른 글꼴 크기로 나타날 겁니다. <h1> 태그를 이용한 텍스트의 크기가 가장 크고 <h5>를 이용한 머리글이 가장 작은 크기로 나타날 겁니다. 이제 웹 페이지에 머리글을 추가해볼까요?
6. 워드 패드로 돌아가서 파일 메뉴에 있는 열기 명령을 고르세요.
7. 열기 대화 상자가 나타나면, 파일 이름 상자에 목차.html이라고 작성하세요. 여기에서는 가장 먼저 작성했던 HTML 파일을 불러올 겁니다. 파일 이름을 작성했으면, 열기 단추를 누르세요.
8. 목차.html 파일이 워드 패드 창에 열릴 겁니다. 태그 다음에 다음과 같은 텍스트를 작성하고 작업한 내용을 저장하세요.
<h1>제 웹 페이지에 오신 것을 환영합니다!</h1>
9. 이제 인터넷 익스플로러에서 목차.html 파일을 여세요.