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

5단계: 텍스트 정렬하기

HTML에서는 기본값에 따라 모든 텍스트가 왼쪽 맞춤으로 정렬합니다. 무슨 말인고 하니, 특정 서식을 지정하지 않는 이상 모든 텍스트는 페이지의 왼쪽 면을 기준으로 작성된다는 얘깁니다. 태그를 이용하면, 텍스트의 정렬을 바꿀 수 있지만, 정렬을 바꾸려면 먼저 이 태그를 약간 변형해야 합니다. 본문 텍스트를 가운데 맞춤으로 정렬하려면, 라는 태그를 사용해야 한다는 거죠. 오른쪽 맞춤으로 정렬하려면, 태그를 이용해야 하구요. 자 그럼 텍스트를 원하는 방식으로 정렬해볼까요?

1. 목차html 파일을 열고 태그에 align=center를 추가해볼까요? 태그의 모양은 다음과 같이 바뀔 겁니다.


알아두세요!
<center></center> 태그를 이용해도 원하는 텍스트나 이미지를 가운데 맞춤으로 정렬할 수 있습니다.
2. 바뀐 내용을 저장했으면, 인터넷 익스플로러를 열고 목차.html 파일을 여세요. 뒤에 오는 모든 텍스트가 가운데 맞춤으로 정렬한 것을 볼 수 있을 겁니다.
3. 머리글과 그 아래에 있는 나머지 텍스트도 가운데 맞춤으로 정렬하고 싶다구요? 워드 패드로 가서 <h1> 태그 앞에 <center> 태그를 삽입하세요. 앞에는 </center>를 작성하구요. 작업이 끝났으면, 바뀐 내용을 저장하세요.
4. 인터넷 익스플로러를 열고 목차.html 파일을 여세요. 축하합니다. 텍스트가 가운데 맞춤으로 멋들어지게 나타났군요.