본문 바로가기
Etc/- Web / Program

html 명령어

winstock 2011. 3. 15. 18:54
반응형

ㅇ 기 본

 

      <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
PC방 이용시 보안 수칙 8가지  (2) 2010.02.28
개성있는 쇼핑몰 사이트  (0) 2010.02.09
개성있는 쇼핑몰 만들기  (0) 2010.02.09

'Etc/- Web / Program' Related Articles

WinStock.netwinstock 님의 블로그입니다.

티스토리툴바