메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
Table의 숨은기능(?) Caption
목록
작성자
공대여자
작성 : 2007-08-24 14:50
조회 : 134
지남
1일간
2007-08-24
-
2007-08-24
좌표
첨부된 파일이 없습니다.
#html
Table의 숨은기능(?) Caption
많은분들이 Table에 Caption이 있다는걸 모르시거나 잊어버리고 계시죠.(사실.. 방금까지 잊어먹고 있었음)
caption의 사전의미는 표제, 제목, 설명문, 머릿만, 캡션 , 자막 등등으로 실제 내용을 꾸며주는 글이 되겠습니다.
caption은 HTML 3.2 이상에서 지원되며 DOM Level 1에 정의되어있습니다.
즉, 요즘브라우저는 모두 지원됩니다.
caption은
table의 자식요소
로 존재해야합니다.
기본모양
캡션
실험
소스
<table width="200" border="1" cellpadding="0" cellspacing="0">
<caption style="background-color:#33CC33 ">캡션</caption>
<tr><td bgcolor="#FFCCCC">실험</td></tr>
</table>
캡션은 자신의 부모인 table과 같은 너비를 가집니다.
caption의 align
bottom : 테이블 밑
center : 테이블 중앙(top과 같음)
left : 테이블 왼쪽
right : 테이블 오른쪽
top : 테이블 상단 중앙
align에 따라서 캡션은 자동 줄바꿈으로 세로쓰기로 바뀔 수 있습니다.
caption의 align의 차이
dtd나 브라우저등의 차이에 의해서 left와 right의 동작이 다를 수 있습니다.
FF에서 확인해보면 left의 경우 상단 왼쪽 정렬이 아니라 캡션의 위치자체가 테이블의 왼쪽에 위치하고 글은 세로쓰기로 보여집니다.
테이블에 제목을 한줄 적기위해서 테이블 밖에 테이블을 만들거나 하는 것보다, caption을 사용해서 훨씬 더 보기 좋고 관리하기도 좋도록 만들 수 있습니다.
틀린 점이 있을 수 있습니다.
작성자 : 공대여자
http://mins01.com
댓글
/
/
답변
수정
삭제
No Nickname
No Comment
새로운 댓글 작성
권한이 없습니다.
{{m_row.m_nick}}
내용이 너무 많습니다!
-
no-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
목록형
📅 달력형
게시물 : 1641 (110 page)
No
제목
작성자
등록
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
공대여자
02/06 13:44
5119
공지
유용한 리눅스(LINUX) 명령어
공대여자
03/03 14:47
14674
공지
[공지] 기술 게시판
mins01
06/24 15:10
14855
swiper 에서 부모가 보이고 안보이고 할 때 슬라이드가 이상해지는 것 현상 방지 옵션.
new
#swiper
ui_treemap
2
#treemap
:scope selector , querySelector 에서 this, self node 지정
1
#css
#this
#self
#scope
game_tictactoe
2
#game
bootstrap extensions 부트스트랩 확장
2
#bootstrap
#css
윈도우 화면 새로 고침 하기, 그래픽 드라이버 재시작
2
#윈도우
#window
contenteditable 에서 포커스가 안생길 때 강제로 포커스 주는 코드
#range
#selection
#contenteditable
ui_layerForElement 요소 기준으로 레이어 위치 잡기
2
#layer
typingLetters 한글자씩 나타내기
1
#html
#effect
scrollbars styling
1
#css
#scrollbars
#styling
[기본형] chartjs 기본 설정 코드
#chartjs
ui_elbowConnector 연결선
2
#connector
js_colorschemes
3
#js
#color
색상에 대한 설명,파레트,네이밍
1
#color
css로 만든 태양계 공전 자전 표시
1
#css
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색