알아두면 도움되는 태그 모음
위 테이블의 소스를 보면 <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;): 글이나 그림 상하바꾸기 |