HTML Table

HTML Table 2

표 태그 table 세번째 (scope 속성)

scope는 범위, 살피다 라는 의미가 있네요 scope를 사용하는 이유는 웹접근성을 위해 표의 특정 칸에 대한 정보를 제공하기 위함이지만 간혹 table 두번째 강좌에서 언급한 col태그를 사용하지 않았을 경우 scope 속성으로 지정된 요소들을 디자인 할 수도 있습니다. 대부분의 스크린리더기는 기본적으로 각 칸을 좌에서 우로 한줄씩 읽어나갑니다. 쿠팡 → 1000원 → 100원 → 500원 → 옥션 → 110원.... 이렇게 읽어 나갑니다. 그리고 th가 존재하는 표의 경우는 th를 읽어주고 칸을 읽어 오기는 스크린 리더기도 있습니다. 구분 → 모니터 → 키보드 → 책상 → 쿠팡 → 모니터 1000원 → 키보드 100원 ... 스크린리더기도 많은 종류가 있으며 스크린리더기처럼 보조로 사용되는 프로그램..

표 태그 table 첫번째 (table, thead, tbody, tr, th, td)

table 태그는 표를 만들때 사용합니다. 한글과 ms 워드 등을 사용해 보셨다면 표를 만들어 보신 경험이 있으실 겁니다. 바로 그러한 표를 만드는 녀석입니다. 사실 table 태그는 상당히 복잡한 구조입니다. 하드코딩을 하시는 분들도 table은 대부분 위지윅 에디터를 사용해 만들고 붙여 넣기하는 방법으로 많이 사용합니다. 너무 많은 태그들이 반복적으로 나오기 때문이죠. 복잡하다기 보다 귀찮은 존재라고 하는 게 맞겠습니다. table 또한 구조상 그하부로 thead, tbody, tr, th, td 태그를 기본적으로 사용하며 그 외에도 tfoot, caption, colgroup, col등 여러가지를 사용합니다. 살짝 길어질거라는 불길한 예감이 드네요 사용법 이번주 식단 시기 월요일 화요일 수요일 목요..