|
알아두면 도움되는 태그 모음
위 테이블의 소스를 보면
<TABLE style="WIDTH: 203px; HEIGHT: 51px" border=12 cellSpacing=5 borderColor=#24c76a cellPadding=5 bgColor=#ffe34a align=left>
<TABLE>태그는 태그중에서도 비중이 높은 중요한 태그로 테이블을 만들때 사용하는 태그입니다.
<TABLE>태그는 <TABLE>로 시작해서 </TABLE>로 끝나며,
<TR>은 테이블에서 줄에 해당하며, <TD>는 그중의 칸에 해당합니다.
* border : 테이블 테두리 두께 지정합니다.---------------("숫자"로 두께지정 / "0"은 테두리 없음)
* bordercolor : 테두리의 색상을 지정합니다. --------------(색상코드입력)
* cellpadding : 셀의 안쪽 여백을 지정합니다. --------------(선 안의 내용물과의 간격)
* cellspacing : 셀 간의 간격을 지정합니다. ------------------(선과 선의 간격)
* bgcolor : 테이블의 배경 색상을 지정합니다. --------- bgcolor=#ffffff
* width : 가로 길이를 지정합니다.
* height : 세로 길이를 지정합니다.
* background : 표에다가 배경이미지로 지정할때 쓰인다 / background=이미지주소 /
(배경색은 bgcolor=#000000)
<IMG>태그는 웹페이지에 그림을 삽입할때 사용됩니다.
<IMG SRC="이미지주소"> ........ 이미지 경로 파일에는 확장명이 jpg나 gif가 되어야 합니다.
* SRC : 이미지 파일이 있는 경로/주소
* ALT : 이미지 위에 마우스 커서가 올려졌을때 나타나는 설명글을 설정합니다.
<A htef="이동경로"> </A>
이미지나 텍스트를 누르면 다른 곳으로 이동할 수 있게 하는 하이퍼링크 태그입 니다.
▼다음홈페이지로 이동하는 링크소스
예) <A href=http://www.daum.net> 다음 </A>
■ 태그 기초의 모든것
▶marquee: 왼쪽으로 움직이게 하는 명령어
▶direction: 움직임의 방향을 결정
▶scrollamount: 움직임의 속도결정(스크롤의 보폭)
▶scrolldelay: 한번 움직이고 멈추는 속도를 결정케함
▶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: 엔터 두번 효과
▶(u)..(/u): 밑줄 긋기
▶(b)..(/b): 굵은 글씨체 만들기
▶(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;): 글이나 그림 상하바꾸기
| 
