태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

FIELDSET 태그를 이용하면 때에 따라 깔끔한 테이블을 만들 수 있다

12년 전

FIELDSET 태그를 이용하면 때에 따라 깔끔한 테이블을 만들 수 있다. 그리고 응용하기에 따라 웹페이지에 훌륭한 효과를 줄 수가 있다. 간단한 예부터 살펴 보자.

•<fieldset>필드셋을 이용한 테이블</fieldset>
필드셋 테이블
•<fieldset><legend>필드셋 제목</legend>legend 태그로 제목을 넣은 경우</fieldset>
필드셋 제목legend 태그로 제목을 넣은 경우
•<fieldset style="width:50; height:30">필드셋 크기를 변경한 예</fieldset>
필드셋 크기를 변경한 예
•<fieldset style="border:3 solid #808080">
필드셋 선의 두께와 모양, 색상을 변경한 예
</fieldset>
필드셋 선의 두께와 모양, 색상을 변경한 예
•<fieldset style="padding:5">필드셋에 여백 옵션을 사용한 경우</fieldset>
필드셋에 여백 옵션을 사용한 경우
•<fieldset style="border-left-width:20">
필드셋의 경계선 일부분에 두께를 변경한 경우
</fieldset>
필드셋의 경계선 일부분에 두께를 변경한 경우
•<fieldset style="border:1 solid; border-top-color: #808080;border-right-color: #f9f9f9; border-left-color: #f9f9f9;border-bottom-color: #808080"> <legend>필드셋의 다양한 효과 1</legend> 이런 방식으로 사용하면 테이블 태그로는 만들기 어려웠던 다양한 효과를 구현할 수 있습니다. </fieldset>

필드셋의 다양한 효과
이런 방식으로 사용하면
테이블 태그로는 만들기 어려웠던
다양한 효과를 구현할 수 있습니다.

•필드셋을 이용한 공지사항
<FIELDSET style="PADDING:5"><LEGEND style="color : #ff0099 ; font : 800 12pt"><IMG src="http://korea.internet.com/images/notice_title.gif"></LEGEND> 
1. "인터넷 사용자 조사보고서" 무료 제공 이벤트 
2. 자바스크립트 소스/예제 오픈 
3. 자바스크립트 기초 강좌 개시 </FIELDSET>

1. "인터넷 사용자 조사보고서" 무료 제공 이벤트
2. 자바스크립트 소스/예제 오픈
3. 자바스크립트 기초 강좌 개시

•<FIELDSET style="PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BORDER-LEFT-WIDTH: 20px; PADDING-BOTTOM: 7px; WIDTH: 350px; PADDING-TOP: 7px">왼쪽 경계선을 두껍게 하고 색상을 다르게 하여 사람들의 시선을 유도할 수 있는 테이블을 만들 수도 있습니다. 응용하기에 따라 다양한 효과를 만들어 낼 수 있습니다.</FIELDSET>
왼쪽 경계선을 두껍게 하고 색상을 다르게 하여 사람들의 시선을 유도할 수 있는 테이블을 만들 수도 있습니다.

응용하기에 따라 다양한 효과를 만들어 낼 수 있습니다.

추천 목록

번호	제목
2,135	[jQuery] $(document).ready(function(){});
	FIELDSET 태그를 이용하면 때에 따라 깔끔한 테이블을 만들 수 있다
2,133	overflow : hidden , text-overflow : ellipsis (글의 길이가 칸의 길이를 넘어갈 경우 ... 로 대체 )
2,132	linux command 리눅스 활용 명령들..
2,131	한글 앞부터 자르기
2,130	phpquery
2,129	보안을 위한 php 함수 제한
2,128	SSH 공격 아이피 필터링 스크립트(recent IP 기반)
2,127	IE6부터 IE9까지 대응하기.
2,126	UTF-8 체크 및 변환
2,125	mysql에서 한글이 깨질때 즉 문자셋이 맞지 않을때
2,124	XDebug를 이용한 PHP 디버깅
2,123	php xml parse 3종 세트
2,122	php 내장함수을 이용한 XML Parser
2,121	Mysql 날짜/시간 관련 함수
2,120	HTML 웹문서의 TAG 지우고 본문만 남기기, php 명령모드에서 실행하기
2,119	태그 제거 함수 strip_tags2 & 링크 추출 함수 extract_link
2,118	PHP 기반 웹 탐색기 비교
2,117	escape(), encodeURI(), encodeURIComponent() 차이점
2,116	PHP 확장자 숨기기
2,115	PHP 에러 출력 안하기
2,114	phpinfo() 를 숨겨라...
2,113	HTML 태그를 막기
2,112	파일 업로드 보안 문제 - 7 가지 모두 체크 !!!
2,111	zend encode 를 사용하지 않고 PHP 소스 안보이게 하는 방법 ?
2,110	반드시 알아아 할 PHP 보안 30 가지
2,109	php HereDoc(EDO)문자 사용법
2,108	php UserDir 유저별 서비스
2,107	리눅스 PATH 경로 설정하기
2,106	mysql 테이블 복제 하기 (구조 또는 데이터 모두)