◈ 기초태그◈
| 태그이름 | HTML문서의 시작을 말한다. |
| <HTML> | HTML문서의 시작과 끝을 나타낸다. |
| 예) | <HTML>......</HTML> |
| 태그이름 | HTML문서의 머리부분 |
| <HEAD> | HTML문서의 머리부분으로 반드시 <TITLE>태그를 포함하여야 한다. |
| 예) | <HEAD><TITLE>.....</TITLE></HEAD> |
| 태그이름 | HTML문서의 제목 |
| <TITLE> | HTML문서의 제목을 나타내는 것으로 브라우저의 상단 표시상태줄에 나오게 되는 문서의 제목을 나타낸다. |
| 예) | <TITLE>안녕하세요</TITLE> |
| 태그이름 | HTML문서의 몸통부분 |
| <BODY> | HTML문서의 몸통부분이다. |
| 예) | <BODY>.......</BODY> |
| 태그이름 | 다음줄 넘기기 |
| <BR> | 홈페이지를 만들때 가장 곤란을 당하는 경우가 한줄의 글을 쓴다음에 다음줄에 글을 쓰기가 어렵다는 것이다. 일반적인 워드프로세서는 ENTER키를 치면 되지만 HTML문서는 이러한 기능이 <BR>밖에는 없다. |
| 예) | 홈페이지를 만들어 봅시다.<BR> 홈페이지를<BR> 만들어<BR> 봅시다. |
| 결과) | 홈페이지를 만들어 봅시다. 홈페이지를 만들어 봅시다. |
| 태그이름 | 문단, 단락 |
| <P> | <BR>은 한줄의 글쓰기를 끝낸다음 다음글을 쓸때 넘기는 것이다. 그러나 <P>의 경우에는 단락을 구분한다. 즉, 한줄을 띄우고 다음줄에 글을 쓰는 기능이다. 예를 보면 이해가 될것이다. |
| 예) | 한 단락을 띄워 보자.<P> 한 문단을 띄워 보자.<P> 한 줄을 띄워 보자.<P> |
| 결과) | 한 단락을 띄워 보자.
한 문단을 띄워 보자. 한 줄을 띄워 보자. |
| 글자체의 태그이름 | |
| 태그이름 | 글자체의 크기를 조절 |
| <H숫자> | 글자체의 크기를 조절하는 기능을 가지고 있으며, 숫자에 따라 큰제목, 작은 제목등을 설정을 해 주면 된다. 1인 경우가 가장 크게 나오며 6까지 지원한다. |
| 예) | <H1>Madalla's Space</H1> <H2>Madalla's Space</H2> <H3>Madalla's Space</H3> <H4>Madalla's Space</H4> <H5>Madalla's Space</H5> <H6>Madalla's Space</H6> |
| 결과) |
Madalla's SpaceMadalla's SpaceMadalla's SpaceMadalla's SpaceMadalla's SpaceMadalla's Space |
| 태그이름 | 굵게 표현하기 |
| <B> | 글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 반드시 </B>를 써주어야 한다. |
| 예) | 한글 : <B>가나다라마바</B> 영어 : <B>ABCDEF</B> 숫자 : <B>123456</B> |
| 결과) | 한글 : 가나다라마바 영어 : ABCDEF 숫자 : 123456 |
| 태그이름 | 굵게 표현하기 |
| <STRONG> | 글자를 강조하기 위해 이 태그를 쓴다. 주의해야 할 것은 </STRONG>을 써주어야 한다. |
| 예) | 한글 : <STRONG>가나다라마바</STRONG> |
| 결과) | 한글 : 가나다라마바 |
| 태그이름 | 밑줄 긋기 |
| <U> | 원하는 부분을 선택하여 밑줄을 긋는다. |
| 예) | multipoem의 선두: <U>Madalla's Space</U> |
| 결과) | multipoem의 선두 : Madalla's Space |
| 태그이름 | 이태릭체 |
| <I> | 원하는 부분을 선택하여 기울게(이태릭체)로 표현한다. |
| 예) | multipoem의 선두 : <I>Madalla's Space</I> |
| 결과) | 최강 태그 사이트 : Madalla's Space |
| 태그이름 | 기울여서 강조하기 |
| <EM> | 원하는 부분을 선택하여 이태릭체와 굵게 표현하는 것이다. |
| 예) | 편안한 공간 : <EM>Madalla's Space</EM> |
| 결과) | 편안한 공간 : Madalla's Space |
| 태그이름 | 리스트화 하기 |
| <UL><LI> | 일정한 항목이나 리스트같은 것을 표현할 경우에 씌인다. (번호로 매기지 않을 경우) |
| 예) | <UL> <LI> 상큼한 공간 : Madalla's Space</LI> <LI> 삶의 휴식터 : Madalla's Space</LI> <LI> 즐거운 시간 : Madalla's Space</LI> </UL> |
| 결과) |
|
| 태그이름 | 리스트화 하기(번호) |
| <OL><LI> | 위와 같은 기능을 하는 대신 점이 아닌 번호로 리스트화 하는 기능을 갖는다. |
| 예) | <OL> <LI> multipoem의 선두 : Madalla's Space</LI> <LI> multipoem의 선두 : Madalla's Space</LI> <LI> multipoem의 선두 : Madalla's Space</LI> </OL> |
| 결과) |
|
| 태그이름 | 한칸 들여쓰기 |
| <BLOCKQUOTE> | 한칸 들여쓰기 기능을 갖는다. |
| 예) | 이 예제는 한칸 들여쓰기를 보여줍니다. <BLOCKQUOTE> 이 예제는 한칸 들여쓰기를 보여줍니다.</BLOCKQUOTE> |
| 결과) | 이 예제는 한칸 들여쓰기를 보여줍니다.
|
| 태그이름 | 한칸 앞으로 나오게 하기 |
| <BLOCKQUOTE> | 한칸 들여쓰기와 반대로 한칸 앞으로 나오게 한다. |
| 예) | <BLOCKQUOTE> <BLOCKQUOTE> 이 예제는 한칸 나오게 합니다. </BLOCKQUOTE> 이 예제는 한칸 나오게 합니다. </BLOCKQUOTE> |
| 결과) |
|
| 태그이름 | 글 가운데 줄긋기 (Strikethrough) |
| <STRIKE> | 표현하고자 하는 글을 지정하고 가운데 줄을 긋는다. |
| 예) | <STRIKE>multipoem의 선두 : Madalla's Space</STRIKE> |
| 결과) | |
| 태그이름 | 타자체 (Typewriter) |
| <TT> | 타자체를 표현한다. 그러나 거의 표현이 잘 되지 않는다. |
| 예) | multipoem의 선두: <TT>Madalla's Space</TT> |
| 결과) | multipoem의 선두 : multipoem |
| 태그이름 | Citation |
| <CITE> | 이태릭체와 비슷하나 인용문으로 쓰일때 사용된다. |
| 예) | multipoem의 선두 : <CITE>Madalla's Space</CITE> |
| 결과) | multipoem의 선두 : Madalla's Space |
| 태그이름 | SAMPLE |
| <SAMP> | 컴퓨터의 상태표현으로 인용문으로 사용된다. |
| 예) | multipoem의 선두 : <SAMP>Madalla's Space00</SAMP> |
| 결과) | multipoem의 선두 : Madalla's Space |
| 태그이름 | Definition |
| <DFN> | 정의를 표현하고자 할때 씌인다. |
| 예) | multipoem의 선두 : <DFN>Madalla's Space</DFN> |
| 결과) | multipoem의 선두 : Madalla's Space |
| 태그이름 | Variable |
| <VAR> | 변수를 표시할 때 씌인다. |
| 예) | multipoem의 선두 : <VAR>Madalla's Space</VAR> |
| 결과) | multipoem의 선두 : Madalla's Space |
| 태그이름 | Keyboard |
| <KBD> | 사용자의 키보드에 의해서 입력되는 것을 표현하기 위해 사용된다. |
| 예) | multipoem의 선두 : <KBD>Madalla's Space</KBD> |
| 결과) | multipoem의 선두 : Madalla's Space |
| 태그이름 | Blink |
| <BLINK> | 중요한 단어나 강조하고 싶은 단어를 깜박거리게 한다.(단 Nestcape만 지원한다.) |
| 예) | multipoem의 선두 : <BLINK>Madalla's Space</BLINK> |
| 결과) | 최강 태그 사이트 : |