HTML 태그의 기본 규칙
<태그>내용</태그>
대부분의 경우 여는 <태그>와 닫는 </태그>는 반드시 한 쌍으로 구성되어야 한다.
예외 : <br>, <img src> 등
HTML 문서의 기본 구조
헤드(Head)와 본문(Body)의 두 개 부분으로 구분되면, 태그를 이용하여 구분한다.
▶ HTML 문서의 가장 단순한 예
<html>
<head>
<title> 홈페이지 제목 </title>
</head>
<body>홈페이지 본문</body>
</html>
(1) <html> </html>
현재 파일이 HTML 문서임을 웹브라우저에게 알려 주는 태그다. 일반적으로 없어도 웹브라우저에서 인식은 하지만, 표준을 지키는 의미에서 반드 써 주도록 한다.
(2) <head></head>
HTML 문서에 대한 일반적인 정보를 표시하는 일종의 머리말로, 웹브라우저 화면에는 출력되지 않는다.
이 부분에 자바스크립트, 스타일시트 등의 소스를 넣을 수 있다.
(3) <title></title>
HTML 문서의 제목을 나타내는 곳으로, 웹브라우저에서 맨 위 제목 표시줄에 출력되므로 다른 사람들이 홈페이지에 대한 알 수 있도록 제목을 잘 정해 넣는다.
(4) <body></body>
HTML 문서의 실제적인 내용이 들어가는 곳으로, 브라우저 화면에 곧바로 나타나게 된다. 다음 표의 6개의 속성이 있다.
▶ 예
<body background=”back.gif” text=”black” link=”blue” vlink=”purple” alink=”red”>
속성 설명 예
background 배경 이미지 지정 <body background=”back.gif”>
bgcolor 배경색 지정 <body bgcolor=”white”>
text 글자 색 지정 <body text =”black”>
link 링크된 글자의 색 지정 <body link=”blue”>
vlink 방문한 링크 색 지정 <body vlink=”purple”>
alink 클릭시 링크 색 지정 <body alink=”red”>
(5) <h1~6></h1~6>
HTML 문서의 제목을 위해 사용되는 것으로, 숫자가 클수록 글자체는 작게 나타난다.
보통 align과 함께 사용하여 제목을 정렬한다.
▶ 예
<h1>문서의 제목</h1> 문서의 제목
<h2>문서의 제목</h2> 문서의 제목
<h3>문서의 제목</h3> 문서의 제목
<h4>문서의 제목</h4> 문서의 제목
<h5>문서의 제목</h5> 문서의 제목
<h6>문서의 제목</h6> 문서의 제목
<h3 align=”left”>제목</h3> → 제목을 왼쪽으로 정렬
<h3 align=”center”>제목</h3> → 제목을 가운데로 정렬
<h3 align=”right”>제목</h3> → 제목을 오른쪽으로 정렬
(6) <P> </P>
단락이 시작되는 곳이나 단락이 끝나는 곳에 사용한다. </P>가 없어도 상관 없다.
(7) <br>
문서의 줄을 하나만 바꿀 때 사용한다. 두 줄 이상 바꿀 때는 <p> 태그를 사용한다.
(8) <center>
문단을 가운데로 정렬시킨다.
(9) <hr>
수평선을 만들어 준다. size나 noshade 로 속성을 줄 수 있다.
▶ 예
<hr size=1>
<hr size=3>
<hr size=5>
<hr noshade size=3>
* noshade는 수평선 속이 채워 진다.
'홈페이지 만들기' 카테고리의 다른 글
Material Design 무료로 사용하기 (0) | 2021.04.27 |
---|---|
css 스타일 시트 a 명령어 [링크 밑줄과 색지우기] (0) | 2021.04.27 |
구글 폰트 사용하기 (0) | 2021.04.27 |
홈페이지 이미지 삽입하기 명령어 (0) | 2021.04.24 |
홈페이지 표만들기 명령어 (0) | 2021.04.24 |