|
 |
 HTML 기초강좌
1. 홈페이지 태그
|
 |
[1][2]
|
홈페이지는
태그(tag)명령어로 만들어 집니다.
태그명령어는 어찌보면 많다고 할 수도 있겠으나
다 외울 필요는 없습니다. (다 외우면 좋겠죠^^)
단지, 이런걸 만들 땐 이런 명령어를 쓰는 구나
하면서 한번 쭉 읽어보시고 기본적이고 자주
쓰이는 몇가지 명령어만 알고 있으시면 됩니다.
그리고 나머지것은 그때 가서 찾아서 쓰셔도
됩니다. 그러다 보면 어느 순간에 자신도 모르게
태그명령어를 다 알게 되죠^^ 그럼 여기에서는
전체적으로 태그명령어와 간단한 설명을
해보겠습니다. 그냥 한번 가볍게 본다는
기분으로 읽어보세요^^
| |
| <html></html> |
문서의 맨처음과 맨끝에 들어감 |
| <body></body> |
문서의 본문내용이 들어감 |
| <head></head> |
HTML문서의 큰 제목 부분을 정함 |
| text="글자색" |
글자색을 지정 |
| <title></title> |
웹페이지의 제목을 지정 |
| link,vlink, alink |
링크, 방문한 링크, 클릭시 색을 지정 |
예제)
<html>
<head>
<title>대화방 태그</title>
</head>
<body bgcolor="배경색을 지정">
<body bgcolor="white" text="black"
link="blue" vlink="purple" alink="red">
본문내용 : 대화방 태그 홈페이지 시작.
</body>
</html> |
※ 서식 관련
| |
| <P>내용</P> |
본문에서
단락을 구분. |
|
<I>내용</I> |
이태릭체로 |
| <DIV>내용</DIV> |
단락구분.마지막
줄 안 띄어줌 |
<U>내용</U> |
밑줄 |
| <BR>내용 |
줄바꿈 |
<blink>내용</blink> |
깜박이게 |
| <CENTER>내용</CENTER> |
본문의 중앙에 오게 배치 |
<CITE>내용</CITE> |
인용이나 참조로 표시할때 |
| <HR></HR> |
수평선 |
<CODE>내용</CODE> |
컴퓨터프로그램 코드모양변환 |
| <PRE>내용</PRE> |
스페이스의 공백 인식 |
<EM></EM> |
강조,이태릭체 |
| <H1~6>문서 제목</H1~6> |
글짜 크기를 1~6까지 사용 |
<KBD></KBD> |
키보드로입력한것과 같은모양 |
| <BIG>내용</BIG> |
기본 글꼴보다 한 단계 크게 |
<STMP></STMP> |
예제로 표시할때 |
| <SMALL>내용</SMALL> |
BIG의 내용과 반대되는 표현 |
<STRONG></STRONG> |
글자를 굵게 |
| <ADDRESS>내용</ADDRESS> |
메일주소,연락처등을 기록 |
<SUB></SUB> |
아래 첨자로 보여줍니다. |
| <B>내용</B> |
지정된 내용을 굵게 |
<!--주석--> |
주석 |
| <TT></TT> |
타자기로
친 것처럼 보여줌 |
<SUP></SUP> |
위첨자로 |
| <HR SIZE=n WIDTH=n ALIGN=LEFT,CENTER,RIGHT></HR> |
수평선의
두께,넓이,문단에서 왼쪽,중앙,오른쪽을
지정 |
| <FONT
SIZE=n COLOR=영어,기호 FACE=글꼴체>내용</FONT> |
글자를 크기,색상,글꼴을 지정 |
| <BLOCKQUOTE>내용</BLOCKQUOTE> |
인용문 등을 사용 |
| <P
ALIGN=LEFT,CENTER,RIGHT>내용</P> |
문단내용정렬 |
|
※ 목록정의
| |
| <UL></UL> |
순서가 필요없는 목록을 적을때 |
| <OL></OL> |
순서가 필요한 목록을 적을때 |
| <LI></LI> |
UL,OL태그사용시 목록을 적을때 |
|
| <DL></DL> |
용어정의
목록을 시작하는 곳에 사용 |
| <DT> |
용어의 이름을 쓴다. |
| <DD> |
용어의 대한 설명을 쓴다 |
|
|
메인 페이지로 || 태그연습장 || 다음 페이지로
|
|
|
|
