본문 바로가기

Development/HTML

A4 용지 출력 웹페이지에서 프린트 출력할때 유용합니다. HTML <page size="A4"> <h1>A4 용지 세로 1 이어서</h1> </page> <page size="A4"> <h1>A4 용지 세로 2 이어서</h1> </page> <hr is-divide="true"> <page size="A4" is-divide="true"> <h1..
웹표준!! 이제는 div 테이블은 이제 그만 쉬어야 할 때 - DIV테이블(html의 table 을 칭함)은 이제 목적 이상의 일을 할 필요가 사라졌습니다. 그저 단순한 “표” 를 만들기 위해서 제작된 테이블이 레이아웃, 즉 홈페이지 틀을 잡기위해서 쓰이고 있다니. 그리고 그것이 테이블의 맞는 용도처럼 교육되고 있다니 이제는 슬슬 멈추어야 할때라고 봅니다. 특히 XHTML이 개발되어 나오면서 계층형과 같은 구조로 레이아웃은 디자인되며 디자인이 우선이 아닌 그 안의 ..
웹표준가이드(11)/테이블(Table) table의 구성 <thead>, <tbody>, <tfoot>, <th>, <td>등을 적합하게 사용한 작업은 접근성을 높이며효율적인 css 참조도 쉬워진다.  1. cellpadding, cellspacing / border-collapse, padding 내용 예전 태그추천 csscellpadding컨텐츠와 cell경계 사이의 영..
웹표준가이드(10)/박스모델(Box Model) 박스모델 (Box Model)  <박스모델>   박스의 구성content + padding + border + margin + offset로 구성  비주얼1. 화면에서 보이는 부분 : content + padding + border 2. 화면에서 보이지 않는 부분 : margin + offset&n..
웹표준가이드(9)/List (ul, ol, dl, dt, dd) 출처 : http://blog.naver.com/maglitt/60053124686목록 (List) 세가지 목록 ul(unordered list)순서가 없는 리스트 ol(ordered list)순서가 있는 리스트  dl(definition list)dt = term , dd = definition 쌍으로 이루어진 리스트  각 브라우저별 특징 <ol>,..
웹표준가이드(8)/css 레이아웃기초-2 출처 : http://blog.naver.com/maglitt/60053121781컬럼형 레이아웃 - 블러그형 / float가 적합 마크업(markup)   <div id="wrapper">        <div id="head">Site Top Area</div>   &nbs..
웹표준가이드(7)/css 레이아웃기초-1 출처 : http://blog.naver.com/maglitt/60053112481기본레이아웃  마크업(markup) 1.시작 단계에서 고려할점 디자인, css에 우선하여 페이지의 구성요소, 그룹에 적합하게 분리하여 적합한 태그 id, span으로 마크업한다.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://..
웹표준가이드(6)/css 레이아웃기초 출처 : http://blog.naver.com/maglitt/60053037339CSS 레이아웃이란? 1.그리드가 아닌 구성요소의 집합                            ..