테그(tag) 배우기

태그 용어설명

푸르미르(청룡) 2017. 10. 16. 21:00



★ 태그 용어설명

 table WIDTH=490==> 테이블의 넓이

 BORDER=3 ===> 테이블 테두리 선의 두께
 BORDERCOLOR=hotblue> ===> 테이블 테두리 선의 색상
 td background=> ====> 배경 그림의 주소
 marquee height="300" ==> 글자가 나타나서 사라지는 범위
 behavior="loop" ==> 글자가 나오는 반복 횟수(무한)
 direction="up" ==> 글자의 방향
 scrolldelay="15" ==> 글자 속도 지정
 scrollamount="1" ==> 글자 속도 지정
 style="text-align:left;"> ==> 글의 정렬 위치
 font color=hotpink ==> 글자의 색상 지정
 size="2"  ==> 글자의 크기
 face="돋움체"> ==> 글의 형태(모양)

 b => 글자를 굵게

 단의 칼라 테이블에서 원하는 색을 클릭하면
 바탕색이 변하면서 색의 이름이 나옵니다.
 이색을 이용하여 연습하세요^^
                



참조 : 다음 태그에 사용되고 있는 (괄호)를 <꺾쇠>로 바꿔줘야 합니다.

table은 html의 꽃이라고 할 만큼 아주 중요합니다.

우선 TABLE TAG와 그 속성들을 한 번씩 읽고 갈가요?

(table)(/table> 테이블 태그에 맨 처음과 맨 끝에 들어갑니다.

(tr>(/tr> 한 행을 만들어 줍니다.

(caption>(/caption> 표에 제목을 나타냄

(td>(/td> 한 셀을 만들어 줍니다.

(th>(th> 셀 제목을 나타냅니다.

부가적 속성 기능.

CELLSPACING=수치, 셀과 셀 사이의 간격 조정.

CELLPADDING=수치, 셀 내부에 간격 조정

WIDTH=수치, 가로 넓이를 지정한다.

HEIGHT=수치, 세로 높이를 지정한다.

border=수치, 표에 테두리 두께 조정.

(TD COLSPAN=가로셀수 ROWSPAN=세로셀수> .

셀을 가로, 세로로 합치고 싶을 때 사용

align="left"(가로 정렬) valign="top" (세로 정렬)
 
align="center" valign="top"
align="right" valign="top" align="left"

valign="middle"align="center" valign="middle"align="right"

valign="middle" align="left" valign="bottom" align="center"

valign="bottom" align="right" valign="bottom


태그를 공부할 때 많이 사용하는 속성들을 빨리 이해하려면

다음의 border, cellpadding, cellspacing, width, height, 의

수치를 1, 5, 10, 50, 100, 200, 등으로 하나하나 바꾸어 보세요.

그렇게 하여 실행시켜보세요. 위에 있는 태그 속성들을 모두 한 번씩

실행해 보세요. 아! 그렇구나 하는 생각이 들 때까지 실행시켜서

확인하는 것이 가장 효과적입니다.


'테그(tag) 배우기' 카테고리의 다른 글

색상표  (0) 2017.10.16
색상표  (0) 2017.10.15
이미지 글씨 칼라 코드 색상표 태그 소스-태그 박스  (0) 2015.04.16