html 명령어

Posted by winstock
2011.03.15 18:54 Etc/- Web / Program



 기 본

 

      <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)

신고

'Etc > - Web / Program' 카테고리의 다른 글

사이트를 홍보하는 다양한 방법들  (0) 2011.09.02
모르는 전화번호(스팸) 확인 사이트  (0) 2011.09.02
html 명령어  (0) 2011.03.15
PC방 이용시 보안 수칙 8가지  (2) 2010.02.28
개성있는 쇼핑몰 사이트  (0) 2010.02.09
개성있는 쇼핑몰 만들기  (0) 2010.02.09