기본태그 요약정리
- 기본적인 태그의
사용법을 이해한다.
- 서식, 글꼴, 목록 관련 태그 사용하는 방법을
익힌다.
- 다양한 태그를
살펴보고, 직접 사용해 본다.
|
지난강좌에서는 여러 가지
글자 모양을 지정하는 태그들을 공부했습니다. 그러면, 이번강좌에서는 기본태그들을 요약정리를 해 보도록 하지요.
1. 서식 관련 태그 요약
| <BR> |
|
| <P> |
- 기능 : 문장의 단락 구분
- 속성 : ALIGN=LEFT ; RIGHT ;
CENTER
|
| <CENTER>..</CENTER> |
|
| <DIV>......</DIV> |
- 기능 : <P>태그와 거의 비슷한 역할을 하지만, 마지막에
줄을 띄어주지는 않음
- 속성 : ALIGN=LEFT ; RIGHT ;
CENTER
|
| <HR> |
- 기능 : 줄 긋기
- 속성 : SIZE=n, WIDTH=n(%),
CORLOR="#색깔코드", NOSHADE,ALIGN="LEFT ; RIGHT ; CENTER"
|
2.
글꼴 관련 태그 요약
| <B>......</B> |
|
| <I>.......</I> |
|
| <U>......</U> |
|
| <TT>......</TT> |
|
| <SUB>......</SUB> |
|
| <SUP>......</SUP> |
|
| <BLINK>.....</BLINK> |
- 기능 : 깜빡글자(단, 넷스케이프에서만 사용)
|
| <STRIKE>.....</STRIKE> |
- 기능 : 텍스트 가운데 줄을 그음
- 예) :
abc123@stuo.co.kr |
<BLOCKQUOTE>
</BLOCKQUOTE> |
- 기능 : 인용문 등에 사용. 자동으로 줄을 바꿔주고 들여쓰기를 한채
나타남.
|
| <!-- --> |
- 기능 : 주석을 달 때 사용. 지정한 글자는 브라우저에 나타나지
않음
|
3. 목록 관련 태그 요약
| <UL>......</UL> |
- 기능 : 순서가 필요없는 목록을 적을 때 사용.
<LI> 태그와 함께 사용.
- 속성 : TYPE=DISC ; CIRCLE ;
SQUARE
|
| <OL>.....</OL> |
- 기능 : 순서가 필요한 목록을 적을 때 사용. <LI>태그와 함께.
옵션으로 'START='하고 시작번호를 지정할 수 있다.
1로 지정하면 1부터 시작하고, 3으로 지정하면 3부터 시작하는 목록이
작성된다.
- 속성 : A ; a ; I ; i ; 1
|
| <LI> |
- 기능 : 단일태그로 조그만 동그라미나 네모같은 아이콘을
보여준다.
- 속성 : DISC ; CIRCLE ; SQUARE
<OL>태그와 쓰일 때는
TYPE=""하고 3가지 속성을
지정한다. |
<DL>.....</DL>
<DT>, <DD> |
- 기능 : 제목과 내용을 표현하고 싶은 목록을
지정
<DT>, <DD>태그와 함께 쓰인다. <DT>태그에는 제목을 적고 <DD> 태그에는
내용을 적는다. |
위의 태그들 중에서
한 가지만 예를 들어 설명해 보겠습니다.
<HR>태그를
사용하여 수평선을 넣을 수 있는 데, 주로 단락과 단락을 구분하기 위해 사용하게 되는 데요. <HR> 은 단독태그로
SIZE, WIDTH, ALIGN, NOSHADE 등의 속성을 가지고 있습니다.
속성을 사용하지 않으면 기본적으로 줄 길이가 화면크기에
맞추어 나오며 음각된 선이 그어집니다. 그러나 NOSHADE 속성을 주게되면 음각되지 않고 기본색으로 나옵니다.
|
<HTML>
<HEAD>
<TITLE> 수평선 넣기
</TITLE>
</HEAD>
<BODY
>
<HR SIZE=10 WIDTH=150 ALIGN=left
NOSHADE>
<HR SIZE=10
WIDTH=150
ALIGN=left>
</BODY>
</HTML> |