|
ㅇ 기 본
<HTML> </HTML> |
시작, 끝 |
|
<Head> </Head> |
머리말(JavaScript가 삽입) |
|
<Title> </Title> |
제목 |
|
<Body> </Body> |
본문 |
|
<Hn align="center|left|right">
</Hn> |
표제(Heading), 숫자(n:1~6)가 작을수록 글자 커짐, 정렬(중앙,좌, 우) |
|
<!-- --> |
주석(홈페이지 제작자 부가 설명) |
ㅇ 기 타 (Head와 Title 사이에 위치)
|
<Base> |
문서와 URL을 특정 site로 고정 |
|
<IsIndex> |
문서중 특정 keyword 검색 설정 |
|
<Meta HTTP-Equiv="Refresh" Content="n;URL="> |
일정시간(초)동안 현재화면에서 다른 URL로 이동 |
|
<Meta HTTP-Equiv="Refresh" Content="3;http://members.tripod.co.kr/A_Plus"> ~ 3초후 A_Plus 사이트로 이동하라. 기존의 홈페이지를 다른 사이트로 옮겼을 때 많이 쓰임
ㅇ 바탕설정(Body)
|
|
|
BackGround="image" |
바탕화면에 그림파일을 보여줌 (*.jpg, *.gif 파일) |
|
BGColor="#nnnnnn" |
바탕화면에 그림파일을 띄우지 않고 숫자와 알파벳의 조합으로 색의 조정을 통하여 바탕색을 정하는 것 |
|
Text="#nnnnnn" |
본문 글자색 |
|
Link="#nnnnnn" |
사이트에 연결된 글자에 밑줄이 그어지며 글자의 색상을 나타냄(기본색은 파랑색) |
|
ALink="#nnnnnn" |
클릭 될 때의 연결된 색 (기본색은 빨강색) |
|
VLink="#nnnnnn" |
한 번 연결되었던 색 (기본색은 보라색) |
|
LeftMargin="n" |
기본적으로 화면의 좌측 여백은 10으로 되어있고 프레임으로 화면을 구성할 때는 0으로 여백을 없에는 것이 보기에 좋음 |
|
TopMargin="n" |
기본적으로 화면의 상단 여백은 14로 되어있고 위의 좌측여백과 동일하게 프레임으로 사용할 때 0으로 하면 또한 좋음 |
|
Style=" " |
특정모양 |
|
BGProperties="Fixed" |
화면을 scroll할 때 배경그림이 고정 (IE에서만 가능) |
ㅇ 문단, 줄
|
<Center> </Center> |
중앙정렬 |
|
<P Align="Center"> </P> |
한 칸 띄우고 줄 바꿈(paragraph) ~ <BR>보다 줄폭이 넓음 |
|
<BR> |
줄 바꿈 |
|
<NoBR> </NoBR> |
줄 바꿈 방지 |
|
<WBR> </WBR> |
자동 줄 바꿈 |
|
<HR Size="n" Width="n|%" Align="Center|Left|Right" Noshade> |
수평선(Horizontal Rule) 그리기로 길이, 넓이, 정렬, 그림자 없기 등을 설정 |
|
<PRE> </PRE> |
보통의 문서처럼 글자의 2칸 이상 띄우기를 하여도 화면에 그대로 글자가 고정시킴(Preformatted) |
|
<Blockquote> </Blockquote> |
인용구와 같이 들여쓰기가 됨 |
|
<DIV Align="Center|Left|Right|Justify"> </DIV> |
특정 화면 분할(Division)로 중앙, 좌, 우로 정렬 |
|
<MultiCol> </MultiCol> |
다단 |
ㅇ 글자 (font)
|
font 설정시 Size의 -, +는 한 단계 아래로, 위로의 뜻이며 Face는 바탕, 굴림, 궁서 등의 글꼴이름입니다. |
|
<Font Size="n|-n|+n" Weigth="n" Color="#nnnnnn" Face="글꼴이름 "> </Font> |
크기(1~7, 숫자가 클수록 글자 커짐), 자간, 색상, 적용 글꼴이름(기본글꼴은 Times New Roman 12pt) |
|
<Font Point-Size="n"> </Font> |
기본적으로 미리 약속된 크기를 다시 정함 |
|
<BaseFont Size="n"> |
기본 글자체 크기(1~ 7) |
|
<Abbr> </Abbr> |
약어 생략부호(Abbreviation) |
|
<Acronym> </Acronym> |
머리글자 |
|
<Address> </Address> |
주소, 저작권, 서명표현 |
|
<ARG> </ARG> |
프로그램 기능의 줄거리 |
|
<B> </B> |
굵은 글자(Bold) |
|
<Big> </Big> |
점차적으로 큰 글자 |
|
<Small> </Small> |
점차적으로 작은 글자 |
|
<Blink> </Blink> |
깜박이 글자(Blinking) |
|
<Cite> </Cite> |
인용문(Citation) 글자 |
|
<Code> </Code> |
實例 글자(수식을 표현) |
|
<Comment> </Comment> |
설명( = <! -- -->) |
|
<DFN> </DFN> |
예증, 정의(Definition)되어지는 글자 |
|
<EM> </EM> |
강조(Emphasis)로 약간 굵고 이탤릭체 |
|
<Strong> </Strong> |
강한 강조로 굵은 글자체 |
|
<KBD> </KBD> |
타자(Keyboard Input)글자 |
|
<I> </I> |
이태릭 글자(Italic) |
|
<INS datetime=":::" cite="URL"> </INS> |
본문에서 글자 수정(Insert)을 표현하기 위해 밑줄그어진 글자로 시간과 내용 변경을 표현할 때 사용 |
|
<DEL datetime=":::" cite="URL"> </DEL> |
본문에서 글자 삭제(Delete)을 표현하기 위해 글자 중앙에 한줄이 그어진 글자로 시간과 내용 삭제를 표현할 때 사용 |
|
<Listing> </Listing> |
고정 폭 글꼴의 영역 |
|
<Marquee up/down/left/right height=숫자 width=숫자 scrollamount=숫자> </Marquee> |
글자가 웹 브라우저의 화면 우측끝에서 좌측(기본값)으로 이동 , height와 width를 사용하면 원하는 높이와 넓이에서만 이동하고 scrollamount는 이동하는 속도로 낮은 숫자(1)는 느리게 |
|
<Person> </Person> |
이름 나열 글자 |
|
<PlainText> </PlainText> |
화면에 Text, tag를 글자로 표현 |
|
<Q> </Q> |
짧은 인용구(Quote) 글자 |
|
<Samp> </Samp> |
컴퓨터 기호(Sample Output)글자 |
|
<Strike> </Strike> |
강조(Strikeout) |
|
<SUB> </SUB> |
아래첨자(Subscript) |
|
<SUP> </SUP> |
위첨자(Superscript) |
|
<Spacer> </Spacer> |
자간 확장 |
|
<TT> </TT> |
타자체(Typerwriter) |
|
<U> </U> |
밑줄(Underline) |
|
<VAR> </VAR> |
변수명(Variable) |
|
<XMP> |
다른 글자를 일정여백을 두어 글꼴로 표현 | |
ㅇ 특수문자
|
ESC code를 사용해야 웹 브라우저의 화면에 아래 기호를 보여줌 |
|
기호 |
숫자 |
코드 |
기호 |
숫자 |
코드 |
|
> (greater-than symbol) |
> |
> |
한칸띄우기(space) |
|
|
|
< (less-than symbol) |
< |
< |
ⓒ |
© |
© |
|
& (ampersand) |
& |
& |
ⓡ |
® |
® |
|
" (quotation mark) |
" |
" |
= |
= |
|
|
! |
! |
|
% |
% |
ㅇ 목 록
|
목록은 한 줄 들여쓰기로 되며 <OL>은 순서 있는 목록(Ordered List)으로 자동을 그 다음 알파벳이나 숫자가 정해지고 <UL>은 순서 없는 목록으로(Unordered List) 알파벳이나 숫자 대신 원 또는 사각형 모양을 보임 |
|
<OL><LI Type="a"> 첫번째
<LI Type="1"> 두번째
<LI Type="i"> 세번째
<LI Value="5"> 다섯번째부터 시작
</OL>
<UL><LI Type="Circle"> 검은 원
<LI Type="Disk"> 흰 원
<LI Type="Square"> 검은 사각
</UL> |
|
<OL> <LI Type="a|I|i|1" Value="n"> </OL> |
순위 목록(Ordered List)로 소문자 a, 그리스 대문자 I, 소문자 i, 숫자 1부터, 설정된 숫자부터 시작 |
|
<UL> <LI Type="Circle|Disk|Square"> </UL> |
무순위 목록(Unordered List)로 검은원, 흰원, 검은 사각 등의 형태로 시작 |
|
<Menu> <LI> </Menu> |
문장 열거(Menu) |
|
<DIR> <LI> </DIR> |
짧은 문장(Directory) |
|
<DL> <DT>.. <DD>.. </DL> |
특정용어 및 정의에 대한 목록(Definition List)
|
