태그·컴/태그

중요한 태그용어

글싹천사 2018. 5. 19. 17:34

 

 

 

 

 

 

                                      

                                          중요한 태그용어

 

 

 

                              

 

 

 

▷ font: 글꼴 지정
▷ font size: 글씨 크기 결정
▷ font color: 글씨 색 결정
▷ font face: 글씨체 결정
▷ background: 배경 그림 결정
▷ bgcolor: 바탕색 결정
▷ src: 경로/주소
▷ img: 그림 삽입
▷ embed!: 동영상,사운드 삽입
▷ align=top: 정렬 위로

▷ align=center: 정렬 중앙
▷ align=bottom: 정렬 아래
▷ marquee: 왼쪽으로 움직이게 하는 명령어
▷ direction: 움직임의 방향을 결정
▷ scrollamount: 움직임의 속도 결정(스크롤의 보폭)
▷ loop: 얼마만큼 반복해 줄 것인가를 결정케함
▷ @: 글씨를 눕혀 보이고자 할때
▷ behavior!!=alternate: 움직이다 멈춤을 결정케 함
▷ width: 가로폭 결정
▷ height: 세로폭 결정
▷ br: 엔터 한번 효과 ( 한 줄 )

▷ p: 엔터 두번 효과 ( 두 줄 ) 주:이 태그는 한번 만 적용됨.

P를 두 번 준다고 넉줄이 되는 것이 아님. 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‎‎‎!!!): 자바 애플릿 삽입
▷ (script)..(/script): 자바 스크립트 삽입

 
태그용어-2-

HEAD에 들어가는 태그
<!DOCTYPE> : HTML 문서의 버전을 표시한다.
<!--> : 홈페이지 중간 중간의 주석 표시
<TITLE> : 홈페이지의 제목 표시
<META> : 홈페이지의 일반적이 정보를 표시
<SCRIPT> : 자바스크립트와 같은 언어를 삽입하고자 할때
<[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-BGSOUND> : 배경음악 지정
<BASE> : 홈페이지의 절대경로 지정
<LINK> : 현재 홈페이지와 다른 홈폐이지와의 관계 설정

본문과 관련있는 태그
<ADDRESS> : 제작자와 연락할수 있는 방법을 표시
<BDO> : 오른쪽에서 왼족으로 글자 나열
<BLOCKQUOTE> : 다른 사람의 말을 인용했다는 것을 표시
<COMMENT> : 홈페이지의 주석 표시
<DFN> : 홈페이지내에서 특정한 용어를 정의
<DIV> : 문단정렬 태그
<KBD> : 홈페이지내에서 키보드의 특정 키입력을 설명할때
<LAYER> : 홈페이지내에서 레어어 설정
<MARQUEE> : 한방향에서 다른방향으로 흘러가는 동작을 연출
<P> : 단락을 구분짓는 태그
<PRE> : 입력한 내용 그대로를 실행시켜 보여주는 태그
<Q> : 짧은 인용문을 사용할 때
<SPAN> : 한줄에 서식을 적용할 때 쓰는 태그

글자와 관련있는 태그
<B> : 글씨를 진하게
<BASEFONT> :  본문에 적용시킬 글꼴 설정
<BLINK> : 텍스트가 일정 간격으로 깜박인다.
<BR> : 텍스트의 줄을 바꾼다
<CENTER> : 중앙에 정렬 시킨다
<CITE> : 짧은 인용구 및 문구를 표시
<DEL> : 본문 텍스트중 삭제 표시를 해야할 경우
<EM> : 일부분을 강조할 때 사용
<FONT> : 글꼴설정
<I> : 이탤릭체로 표시
<INS> : 본문중 삽입표시를 해야할 경우 사용
<S> : 본문중 일부분에 가운데 선을 긋는다
<SMALL> : 설정된 글꼴 크기보다 2포인트 작게
<STRIKE> : 글자의 가운데에 선을 긋는다
<STRONG> : 글꼴을 진하고 굵게
<SUB> : 아래첨자를 만든다.
<SUP> : 윗첨자를 만든다.
<TT> : 일부분을 고정 비례목체로 표시
<U> : 밑줄을 긋는다.
<VAR> : 변수의 이름을 설정

목록과 관련있는 태그
<DD> : 설명형 목록의 항목을 추가할 때 사용
<DIR> : 디렉토리 목록 설정
<DL> : 설명형 목록을 설정한다.
<DT> : 목록에대한 제목이나 설명을 기재할 때 사용
<LI> : 모든 목록들의 항목을 추가
<MENU> : 메뉴형 목록을 설정
  <OL> : 순서형 목록을 설정
<UL> : 비순서형 목록을 설정

표와 관련있는 태그
<CAPTION> : 테이블에 대한 설명이나 제목 등을 기재
<COL> : 각열의 속성을 설정
<COLGROUP> : 테이블의 열 그룹에 대한 속성을 설정
<TABLE> : 문서내에 표를 만든다
<TBODY> : 본문에 해당하는 내용을 기재
<TD> : 표내에 셀을 삽입
<TFOOT> : 꼬리표에 해당하는 내용을 기재
<TH> : 각 열의 제목들을  표시
<THEAD> : 머리말에 해당하는 내용을 기재
<TR> : 표내에 행을 삽입

링크와 관련있는 태그
<A HREF= : 하이퍼링크되는 홈폐이지를 지정

그림과 관련있는 태그
<AREA> : 하나의 이미지에서 링크시킬 영역을 지정
<IMG> : 그림을 삽입할때 사용
<MAP> : 이미지 맵을 설정

개체와 관련있은 태그
<APPLET‎‎‎!!!> : 자바 애플릿을 삽입한다.
<EMBED! : autostart=true> : 플러그인 개체를 삽입한다.
<OBJECT!> : 홈페이지 내에 개체를 삽입한다.
<PARAM> : 삽입된 자바 개체에 필요한 파라미터를 설정

가로선과 관련있는 태그
<HR> : 가로선을 삽입한다.

프레임과 관련있는 태그
<FRAME> : FRAMESET 내에서 프래임을 만든다
<FRAMESET> : 프레임을 만든다
<IFRAME!> : 홈페이지내에서 다른 홈페이지를 보는창을 만든다.

양식과 관련있는 태그
<BOTTON> : 단추를 삽입
<FIELDSET> : 양식들을 그룹으로 묶는다
<FORM> : 내 양식들을 설정
<INPUT> : 양식폼에 양식을 삽입한다.
<ISINDEX> : 입력란을 만들어 검색쿼리를 만든다.
<LABLE> : 양식의 한부분에 자세한 설명을 주고자 할때
<LEGEND> : 같은 성격의 양식들을 구분할 때 사용
<SELECT> : 드롭다운 박스에 의한 선택형 메뉴를 만든다.
<TEXTAREA> : 여러 줄을 입력할수 있는 글상자를 만든다

   
BODY  태그 부명령
ALINK="색이름" : 링크색을 지정
BGCOLOR="색" : 배경색을 지정
BACKGROUND : 배경그림 지정
BGPROPERTIES : 배경이미지를 고정시킨다.
CLASS : 스타일시트에 의해 정의된 서식 적용
LINK="색" : 링크되어 있는 곳의 색 지정
TEXT ="색" : 기본 문자색을 지정
VLINK="색" : 열어본 홈폐이지의 링크색 지정
SCROLL : 스크롤가능여부 지정 (YES,NO>
STYLE= : 적용할 스타일 시트 적용

TABLE 태그 부명령
ALIGN= : 정렬방법 (LEFT, CENTER, RIGHT, JUSTIFY)
BACKGROUND : 표의 배경이미지 지정
BORDER= : 표의 외곽선 두께 지정
BORDERCOLOR= : 표 외곽선의 색상을 지정
BORDERCOLORDARK : 외곽선을 3차원으로 만들 때 (어두운색)
BORDERCOLORLIGHT : 외곽선을 3차원으로 만들 때 (밝은색)
CELLSPACING : 내용사이의 간격 지정
HEIGHT : 표의 높이 지정
WIDTH : 표의 너비 설정
MARQUEE 태그 부명령
BEHAVIOR!!= : 텍스트의 흘러가는 형식 지정
= scroll   (텍스트가 흘러가다 사라짐)
= slide    (흘러가다 마직막에 멈춤)
= alternate (양쪽방향으로 반복)
BGCOLOR= : 흘러가는 텍스트의 배경색 지정
DIRECTION= : 흘러갈 방향 지정 <UP, DOWN, LEFT, RIGHT)
HEIGHT= : 흘러가는 텍스트의 높이 지정
LOOP= : 반복횟수를 지정
SCROLLMOUNT= : 텍스트가 흘러가는 속도를 설정
SCROLLDELAY= : 흘러가는 텍스트의 나타나는 간격 설정
VSPACE= : 흘러가는 텍스트의 수직 간격 설정
WIDTH= : 흘러가는 텍스트의 너비 설정
    

 

 

 

                                          

 

 

 

                                                        유모 : 글싹천사

 

 

 

 

 

'태그·컴 > 태그 ' 카테고리의 다른 글

색상표  (0) 2018.05.21
이미지 위로 올리기  (0) 2018.05.19
단축키모음  (0) 2017.02.10
이미지 위치 내 맘대로  (0) 2017.02.10
글씨 움직임 모음 (태그)  (0) 2016.12.29