기본적인 태그의 사용법을 이해한다.
서식, 글꼴, 목록 관련 태그 사용하는 방법을 익힌다.
다양한 태그를 살펴보고, 직접 사용해 본다.
지난강좌에서는 여러 가지 글자 모양을 지정하는 태그들을 공부했습니다. 그러면, 이번강좌에서는 기본태그들을 요약정리를 해 보도록 하지요.
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> | 기능 : 텍스트 가운데 줄을 그음 |
<BLOCKQUOTE></BLOCKQUOTE> | 기능 : 인용문 등에 사용. 자동으로 줄을 바꿔주고 들여쓰기를 한채 나타남. |
<!-- --> | 기능 : 주석을 달 때 사용. 지정한 글자는 브라우저에 나타나지 않음 |
<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>
결과확인을 클릭해서 NOSHADE 속성을 주었을 때와 NOSHADE 속성을 주지 않았을 때를 비교해 보시기 바랍니다.
문서를 작성하면서 여러가지 태그들을 직접 활용해 보세요~~ "백문이 불여일타"라는 말 아시죠!
댓글 없음:
댓글 쓰기