5단계: 텍스트 정렬하기
HTML에서는 기본값에 따라 모든 텍스트가 왼쪽 맞춤으로 정렬합니다. 무슨 말인고 하니,
특정 서식을 지정하지 않는 이상 모든 텍스트는 페이지의 왼쪽 면을 기준으로 작성된다는 얘깁니다. <p> 태그를 이용하면,
텍스트의 정렬을 바꿀 수 있지만, 정렬을 바꾸려면 먼저 이 태그를 약간 변형해야 합니다. 본문 텍스트를 가운데 맞춤으로
정렬하려면, <p align=center>라는 태그를 사용해야 한다는 거죠. 오른쪽 맞춤으로 정렬하려면, <p align=right> 태그를
이용해야 하구요. 자 그럼 텍스트를 원하는 방식으로 정렬해볼까요?
1. 목차html 파일을 열고 <p> 태그에 align=center를 추가해볼까요? 태그의 모양은 다음과 같이 바뀔 겁니다.
<p align=center>
알아두세요!
<center></center> 태그를 이용해도 원하는 텍스트나 이미지를 가운데 맞춤으로 정렬할 수 있습니다.
2. 바뀐 내용을 저장했으면, 인터넷 익스플로러를 열고 목차.html 파일을 여세요.
<p align=center> 뒤에 오는 모든 텍스트가 가운데 맞춤으로 정렬한 것을 볼 수 있을 겁니다.
3. 머리글과 그 아래에 있는 나머지 텍스트도 가운데 맞춤으로 정렬하고 싶다구요?
워드 패드로 가서 <h1> 태그 앞에 <center> 태그를 삽입하세요. <p align=center> 앞에는 </center>를 작성하구요.
작업이 끝났으면, 바뀐 내용을 저장하세요.
4. 인터넷 익스플로러를 열고 목차.html 파일을 여세요.
축하합니다. 텍스트가 가운데 맞춤으로 멋들어지게 나타났군요.
|
|