모든 문서는 크게 제목과 본문으로 이루어 집니다.
HTML문서 역시 제목과 본문으로 크게 나눌 수가 있습니다.오늘 배울 내용은 HTML문서의 제목과 관련한 태그에 대해서 알아 보겠습니다. 이전 시간의 HTML의 기본 구조는 다 숙지 하셨겠지요? (안보고도 쓸 수있도록 반복 연습하세요)
HTML문서의 제목에 관련한 태그는 크게 제목 크기지정, 제목색 지정, 제목 정렬하기등입니다. 색과 글씨체는 본문으로 넘어가서 배우기로 하고 오늘은 제목크기와 제목 정렬하기에 대해 알아 보겠습니다.
※ 지난 시간 복습하기 :
˚ 태그 공식: <>,</> <태그명령어>~내용~</태그명령어>
˚ HTML의 기본 구조 :
<html>
<head>
<title>문서의 타이틀</title>
</head>
<body>본문에 들어갈 내용 </body>
</html>
| ● HTML 문서의 제목 글자 크기 | |
HTML문서의 제목 크기를 지정하는 태그는 h입니다. 제목의 크기는 1~6까지 숫자이고, 1이 제일 크고,6이 제일 작습니다.
다시 말해 제목 크기를 지정하는 태그는 <hn></hn>입니다.(n은 1~6까지의 숫자) 아래와 같이 씁니다.
<h1> 글자 크기 h1 </h1>
<h2> 글자 크기 h2 </h2>
<h3> 글자 크기 h3 </h3>
<h4> 글자 크기 h4 </h4>
<h5> 글자 크기 h5 </h5>
<h6> 글자 크기 h6 </h6>
태그 실행 예제( 메모장에 직접 쓰면서 연습하세요.)
<html>
<head>
<title>제목 글자 크기</title>
</head>
<body>
<h1> 글자 크기 h1 </h1>
<h2> 글자 크기 h2 </h2>
<h3> 글자 크기 h3 </h3>
<h4> 글자 크기 h4 </h4>
<h5> 글자 크기 h5 </h5>
<h6> 글자 크기 h6 </h6>
</body>
</html>
| ● HTML문서의 제목 정렬 하기 | |
HTML문서 정렬 태그는 오른쪽(right), 가운데(center), 왼쪽(left)로 정렬 할 수있습니다. 문서의 제목을 정렬 할때는
※ 공식이 하나 성립 되었습니다.
위치를 지정해 주는 태그 공식:align="위치"
태그 실행 예제( hn안에 정렬 공식을 추가 시킵니다.)
<html>
<head>
<title>제목 정렬하기</title>
</head>
<body>
<h1 align="left"> 왼쪽 정렬하기 </h1><br>
<h1 align="center"> 다운데 정렬하기 </h1><br>
<h1 align="right"> 오른쪽 정렬하기</h1><br>
</body>
</html>
오늘은 문서의 제목 크기와 정렬 방법에 대해 배웠습니다. 어때요? 그렇게 어렵지 않지요? 차근차근 하나씩 배우시기 바랍니다. html강좌는 알라딘 창작블로그에 연재 중입니다. 제 글이 맘에 드셨다면 강의료라 생각 하시고 추천과 믹시 듬뿍 주고 가세요. 오늘은 여기 까지~ 연습 많이 하시기 바랍니다. (참고로 제 메일은 공지글에 나와 있습니다.)
'Design Tutorial > HTML/CSS' 카테고리의 다른 글
| HTML, 문서의 기본 구조 복습과 테스트 (25) | 2009/12/12 |
|---|---|
| HTML, 문서 단락 태그에 대해 배워보자. (34) | 2009/12/01 |
| HTML, 글자에 관한 태그_font의 기본속성 알기 (10) | 2009/11/24 |
| HTML문서의 제목과 관련한 태그를 배우자. (26) | 2009/11/22 |
| html문서의 기본 구조와 메모장 쓰기. (10) | 2009/11/20 |
| HTML, 태그(Tag)와 html에 대해 알아 보자. (26) | 2009/11/17 |
posted by 예스비™
