HTML5 의 의외성 [2탄] 표, 그리고 리스트
WEB 2.0 등장 이후 가장 크게 두각을 나타낸 언어가 두가지 있습니다.
바로 CSS 와 JS 입니다.
JS 중에서도 단연 Jquery 는 Action Scripts 의 쇄락을 빠른 속도로 이끌정도로 큰 인기를 가구했고
여전히 현재진행형으로 계속 발전해나가고 있습니다.
이 Jquery 에 관한 내용을 다음 내용으로 담아낸다면 좋겠네요.
지난 글에서는 시멘틱에 관해서 다루었습니다.
그리고 이번 글에서는 표와 리스트의 차이를 중점적으로 다루어보려고 합니다.
아래는 보기 쉽게 표현한 "표, Table" 의 구조 입니다.
| NO | SUBJECT | WRITER | DATE |
|---|---|---|---|
| < PREV | 1 2 3 4 5 6 7 8 9 | NEXT > | |
| 1 | 첫번째 글 제목입니다. | 글쓴이 A | 2021-12-06 |
| 2 | 두번째 글 제목입니다. | 글쓴이 B | 2021-12-06 |
서버사이드가 익숙하다면 SQL 이 떠오르실 것이고 일반적으로는 EXCEL 을 떠올릴수도 있습니다.
네 그렇습니다.
EXCEL 은 알게모르게 보편적으로 사용중인 가장 기초적인 SQL Tool 입니다.
그래서 엑셀의 매크로는 C 언어를 이용하여 작성이 가능합니다.
역시나 워터폴 형식으로 IF, ELSE 또한 작성 가능한 데이터베이스 문서 입니다.
그리고 표가 가지는 가장 큰 특징으로는
COLUMN 과 ROW 가 있습니다.
그리고 로우별 label 을 Array 형태로 미리 선언해주는 Col 값이 hidden 처리되어 숨어있지만
이는 중급이상 퍼블리셔분들만 이해가능하고.. 이미 사용중이시기에 패스하겠습니다.
본 글은 표와 리스트의 차이를 이야기하고자 합니다.
표의 구조는 아래와 같습니다.
구조적으로 제목(Thead, th), 내용(Tbody, td), 그것들을 정리하는 요소(Tfoot, td) 가 있는걸 알 수 있습니다.
Thead

Tbody

Tfoot

작성중
댓글 2개
web css에서 fixed 하듯이 상단, 하단을 고정시켜서 출력 시킬수 있습니다.
더 쉽게 말씀드리자면,
웹문서 프로그램을 만들다 보면, 웹에서 출력될 때 각 페이지마다 해더가 붙어야 되는 경우가 있어요
(기관의 인증 마크나, 도장이나, 사인이나 각 페이지마다 기재가 되어야 되는 경우가 있습니다.)
이러한 경우에 Thead와 Tfoot을 잘 활용하면 쉽게 만들 수 있습니다.
thead tr td 안에 div를 넣어서 개발하는 것도 가능하니, 알아두면 굉장히 좋습니다.
게시판 목록
퍼블리셔팁
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1247 | 레이아웃 |
돈도없어개발하기도시러
|
2년 전 | 1602 | |
| 1246 | 레이아웃 |
돈도없어개발하기도시러
|
2년 전 | 1215 | |
| 1245 | 레이아웃 |
돈도없어개발하기도시러
|
2년 전 | 1987 | |
| 1244 | 레이아웃 |
돈도없어개발하기도시러
|
2년 전 | 1503 | |
| 1243 | HTML | 2년 전 | 1667 | ||
| 1242 | HTML |
|
2년 전 | 987 | |
| 1241 | HTML | 2년 전 | 1183 | ||
| 1240 | HTML | 2년 전 | 1205 | ||
| 1239 | HTML | 2년 전 | 1796 | ||
| 1238 | CSS |
|
2년 전 | 1302 | |
| 1237 | CSS |
|
2년 전 | 1770 | |
| 1236 | CSS |
제작관리홍보까지
|
2년 전 | 1731 | |
| 1235 | HTML |
제작관리홍보까지
|
2년 전 | 1193 | |
| 1234 | 기타 |
제작관리홍보까지
|
2년 전 | 881 | |
| 1233 | CSS |
제작관리홍보까지
|
2년 전 | 1111 | |
| 1232 | 기타 | 2년 전 | 2129 | ||
| 1231 | CSS | 2년 전 | 1909 | ||
| 1230 | CSS | 2년 전 | 1917 | ||
| 1229 | 반응형 |
까투리장끼
|
3년 전 | 1217 | |
| 1228 | 반응형 | 3년 전 | 4165 | ||
| 1227 | 웹접근성 | 3년 전 | 1719 | ||
| 1226 | 반응형 | 3년 전 | 1994 | ||
| 1225 | CSS | 3년 전 | 1555 | ||
| 1224 | HTML | 3년 전 | 1657 | ||
| 1223 | HTML | 3년 전 | 1382 | ||
| 1222 | CSS |
|
3년 전 | 1378 | |
| 1221 | CSS | 3년 전 | 1664 | ||
| 1220 | CSS |
네이비블루
|
3년 전 | 2017 | |
| 1219 | CSS | 3년 전 | 1627 | ||
| 1218 | 기타 |
min0000
|
3년 전 | 2486 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기