HTML TAG

컴퓨터 2012. 1. 10. 18:30

글 찾기( 아래 목록 크릭 또는 왼쪽 분류목록 클릭)

외통궤적 외통인생 외통넋두리 외통프리즘 외통묵상 외통나들이 외통논어
외통인생론노트 외통역인생론 시두례 글두레 고사성어 탈무드 질병과 건강
생로병사비밀 회화그림 사진그래픽 조각조형 음악소리 자연경관 자연현상
영상종합 마술요술 연예체육 사적跡蹟迹 일반자료 생활 컴퓨터

HTML TAG

형 식

구 성

내 용

문서의 기본 구조를 나타내 주는 태그

<HTML>

<HTML>...</HTML>

HTML 언어로 작성되어 있다는 것을 알려줍니다.

<HEAD>

<HEAD>...</HEAD>

Heading의 준말로 글의 머리말에 해당합니다.

<BODY>

<BODY>...</BODY>

본문에 해당하는 부분을 알려줍니다.

<TITLE>

<TITLE>...</TITLE>

타이틀바에 새겨질 글자를 정의합니다.

<Hn>

<Hn>...</Hn>

표제 부분의 글자크기를 정의합니다. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본값은 H4입니다.

<!-...->

<!-주석내용->

주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.

문단 혹은 줄을 바꾸는 태그

<P>

<P>

문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤 것같은 효과가 나타납니다.

<BR>

<BR>

문단을 바꾸는 태그입니다. 줄바꿈의 역할만을 수행합니다.

<PRE>

<PRE>...</PRE>

여백이나 줄간격 등을 고정시켜 주는 역할을 합니다.

글자의 크기를 마음대로 조절하는 태그

<FONT>

<FONT SIZE=n> ...</FONT>

글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다.

선그리기 태그

<HR>

<HR ALIGN= WIDTH= SIZE=>

입체적인 선을 그려줍니다. ALIGN은 선의 정렬을, WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다.

이미지 맵을 처리하는 태그

<ISMAP>

<IMG SRC= "..." ISMAP>

이미지맵을 정의합니다.

<MAP>

<MAP NAME=...> ...</MAP>

넷스케이프2.0에서 이미지맵을 정의합니다.

목록을 정리해 주는 태그

<LI>

<UL>...</UL>

순서가 없는 목록으로 일반적인 나열을 말합니다.

<OL>...</OL>

순서가 있는 목록으로 위에서부터 번호를 매깁니다.

<MENU>...</MENU>

메뉴 목록으로 그리길지 않은 문장의 열거에 사용합니다.

<DIR>...</DIR>

디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다,

<DL>...</DL>

정의 목록 태그입니다. <LI>가 아닌 <DT>와 <DD>를 사용합니다.

문서를 가운데로 정렬시켜 주는 태그

<CENTER>

<CENTER>... </CENTER>

전체 문장을 가운데로 정렬시켜 줍니다.

인용하기 태그

<BLOCKQUOTE>

<BLOCKQUOTE>... </BLOCKQUOTE>

문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리합니다.

▶ marquee: 왼쪽으로 움직이게 하는 명령어
▶ direction: 움직임의 방향을 결정
▶ scrollamount: 움직임의 속도결정(스크롤의 보폭)
▶ loop: 얼마만큼 반복해 줄것인가를 결정케함
▶ @: 글씨를 눕혀보이고자 할때
▶ behavior=alternate: 움직이다 멈춤을 결정케함
▶ width: 가로폭결정
▶ height: 세로폭결정

▶ font: 글꼴지정
▶ font size: 글씨 크기결정
▶ font color: 글씨 색 결정
▶ font face: 글씨체 결정
▶ background: 배경 그림 결정
▶ bgcolor: 바탕색 결정

▶ src: 경로/주소
▶ img: 그림삽입
▶ embed: 동영상,사운드 삽입
▶ align=top: 정렬 위로
▶ align=center: 정렬 중앙
▶ align=bottom: 정렬 아래
▶ br: 엔터 한번 효과
▶ p: 엔터 두번 효과

▶ (hr)..(/hr): 수평선 그리기
▶ (u)..(/u): 밑줄 긋기
▶ (b)..(/b): 굵은 글씨체 만들기
▶ (ol)..(/ol): 목록 태그
▶ (sub)..(/sub): 아래 첨자
▶ (sup)..(/sup): 윗 첨자
▶ (pre)..(/pre): 실제 그대로 브라우저 화면에 반응케함
▶ alt: 그림설명
▶ (table)..(/table): 표를 만들기 위한 태그
▶ border: 테두리 두께 결정
▶ (td)..(/td): 셀의 내용지정
▶ (tr)..(/tr): td를 사용할때 시작과 끝남 결정

▶ bordercolor: 테두리 색결정
▶ cellspacing: 셀과 테두리와의 간격 결정
▶ cellpadding: 셀과 셀에 입력된 데이터의 사이간결 결정
▶ rowspan: 세로줄을 합치게 함
▶ colspan: 가로줄을 합치게 함

▶ html: html문서의 시작
▶ head: html문서의 머리
▶ (title)..(/title): html문서의 제목과 끝
▶ (body)..(/body): html문서의 본문과 끝
▶ /html: html문서의 끝
▶ (a)..(/a): 하이퍼 텍스트 연결(링크)

▶ glow: 필터속성중의 하나
▶ shadow: 필터속성중의 하나
▶ alpha: 필터속성중의 하나
▶ glow: 필터속성중의 하나
▶ blur: 필터속성중의 하나
▶ wave: 필터속성중의 하나
▶ xray: 필터속성중의 하나
▶ invert: 필터속성중의 하나
▶ gray: 필터속성중의 하나

▶ (style=filter:fliph()).. (/span): 그림의 좌우바꾸기
▶ (span style=filter:fliph ();height:1px;)...
(/span): 글씨의 좌우바꾸기
▶ (span style=filter:flipv();height:1px;): 글이나 그림 상하바꾸기
▶ bordercolorlight: 테두리의 위쪽모서리색 지정
▶ bordercolordark: 테두리의 아래쪽모서리색 지정
▶ (frameset)..(frameset): 프레임을 어떻게 나눌지 결정
▶ frameset cols: 창을 좌우로 나눔 결정
▶ frameset rows: 창을 상하로 나눔 결정
▶ (applet!!!)..(/applet!!!): 자바 애플릿 삽입
▶ (scr!pt)..(/scr!pt): 자바 스크립트 삽입

글자의 모양을 정의해 주는 태그

<STRONG>

<STRONG>...</STRONG>

굵은 글씨를 나타내 주는 태그입니다.

<B>

<B>...</B>

<EM>

<EM>...</EM>

이탤릭체의 글씨를 나타내 주는 태그입니다.

<I>

<I>...</I>

<KBD>

<KBD>...</KBD>

타자기체의 글씨를 나타내 주는 태그입니다.

<CODE>

<CODE>...</CODE>

<TT>

<TT>...</TT>

배경 이미지 작업하기

<BODY>

<BODY BACKGROUND="...">

배경 이미지를 띄워줍니다.

<BODY BGCOLOR="#nnnnnn">

배경 색깔을 지정해 줍니다.

그밖의 태그들

<DFN>

<DFN>...</DFN>

정의되어지는 단어에 대한 것을 말합니다.

<CITE>

<CITE>...</CITE>

책이나 사진 등의 제목을 말할 때 쓰입니다.

<SAMP>

<SAMP>...</SAMP>

컴퓨터상에 메시지를 나탈낼 때 쓰입니다.

<VAR>

<VAR>...</VAR>

이탤릭체로 표현됩니다.

<SUB>

<SUB>...</SUB>

첨자에 관한 태그입니다.

<SUP>

<SUP>...</SUP>

윗첨자를 나타냅니다.

<BASEPOINT>

<BASEPOINT>... <BASEPOINT>

기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.

부분을 강조해 주는 태그

<BLINK>

<BLINK>...</BLINK>

글자를 깜박이게 해줍니다.

<U>

<U>...</U>

글자에 밑줄을 그어줍니다.

연결하기 태그

<A>

<A HREF="...">...</A>

다른 홈페이지와 연결시켜 줍니다.

<A NAME="...">...</A>

자신의 홈페이지 내에서 연결해 줍니다.

주소 및 편지 서비스

<ADDRESS>

<ADDRESS>... </ADDRESS>

주소에 대한 정의를 내려줍니다.

<MAILTO>

<A HREF="MAILTO...">

편지쓰기 창을 띄워 줍니다.

색상 지정하기

<BODY>

<BODY TEXT= "#nnnnnn">...</BODY>

글자색을 지정합니다.

<BODY LINK= "#nnnnnn">...</BODY>

하이퍼링크의 색을 지정합니다.

<BODY VLINK= "#nnnnnn">...</BODY>

한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.

<BODY ALINK= "#nnnnnn">...</BODY>

누르고 있는 동안의 색을 지정합니다.

표 만들기 태그

<TABLE>

<TABLE BORDER>... </TABLE>

표의 전체 형식을 나타냅니다.

<TR><TD></TD></TR>

표 내부에 들어갈 형식을 정의합니다.

<TD COLSPAN=n>

가로칸을 n만큼 합쳐줍니다.

<TD ROWSPAN=n>

세로칸을 n만큼 합쳐줍니다.

<TD ALIGN=...>

표안의 좌우 정렬 방식을 정의합니다.

<TD VALIGN=...>

표안의 상하 정렬 방식을 정의합니다.

'컴퓨터' 카테고리의 다른 글

색상표  (0) 2012.02.20
긴 급 정 보  (3) 2012.01.28
스마트폰은 손 안의 작은 컴퓨터  (0) 2011.12.11
컴퓨터 다루기  (0) 2011.12.03
음악태그 속성  (1) 2011.11.25
Posted by 외통
,