제뉴어리의 모든것

HTML을 하다보면 굉장히 많이 사용하는 태그가 바로 일것입니다. 바로 표를 만들어주는 HTML태그인데요. 표 뿐만 아니라 갤러리를 만들 수도 있고 지금은 잘 사용하지 않습니다만 웹사이트 전체의 레이아웃 공간을 배치할때도 사용할 수 있는 등 매우 다양하게 응용이 가능하여 굉장히 많이 사용되는 태그중 하나입니다. 이번 포스팅에서는 HTML의 테이블을 만드는 모든 기법에 대해 다뤄보려 합니다. 테이블 만들기 테이블을 만드는 순서는 다음과 같습니다. 먼저 제일 바깥쪽에는 태그가 들어갑니다. 그리고 가장 위에는 라는 테이블 헤더 태그를 사용합니다. Default값은 굵은 글씨체에 가운데 정렬이 기본값입니다. 실질적으로 이 태그는 안쓰는 사람이 훨씬 많습니다. (대부분 태그를 활용하여 테이블 헤더를 만듭니다. )..

아주 기본적인 사항이라 웹표준과 마크업 좀 공부하신다 하는 분들은 이미 다 알고 계시겠지만 그래도 포스팅 해볼까 합니다 ^^ scope="row" 와 scope="col" 을 붙이는 이유는 쉽게 말해 스크린 리더기를 사용하는 사용자가 오직 귀로만 테이블의 정보를 얻어야 할 경우, 테이블의 데이타를 인식하고 읽는 순서를 결정하기 때문입니다. 웹표준, 접근성을 고려해서 홈페이지를 제작 하신다면 반드시 준수해야 할 사항입니다. 흔히 쓰이는 data table 기본 폼입니다. 구분1 구분2 구분3 비고 구분 A 구분 B 구분 C 이럴때 구분1,구분2,구분3 등 thead 영역에 해당하는 라인에는 scope="col" 이 붙습니다. ex) 구분1 구분2 그리고 구분1 아래 구분 A,b,c열에는 scope="row..