반응형

Web 112

[HTML5] 테이블의 기본 구조와 태그

html에서 table(테이블)이란 표를 만들 때 사용하는 태그입니다. 레이아웃을 잡으려고 사용하는 용도로는 사용을 지양하는 것이 좋습니다. table의 태그에 대하여 알아보겠습니다. : 표 : 행 : 열의 제목 : 내용 셀 : 표의 머리 부분 : 표의 본문 부분 표의 꼬리 부분 : 표 제목 : 행의 그룹화. 보통 셀의 width값을 줄 때 사용. colspan : 가로의 셀을 합칠 때 사용하는 태그 rowspan : 세로의 셀을 합칠때 사용하는 태그 scope : 웹 접근성을 위해 데이터를 인식하기 위해 사용. TABLE의 기본적인 예제 See the Pen WNejQgG by aldo814 (@aldo814) on CodePen. 위의 예제 처럼 하나의 tr태그에 있는 th, td 요소는 가로로 한 ..

Web/HTML 2019.08.27

웹표준, 마크업 검사 사이트 (html/css)

웹 표준 검사 W3C html 코드를 하다 보면 제대로 작성되고 있는 게 맞나 이런 생각이 자주 듭니다! 그럴 때 웹 표준 검사(W3C)를 통하여 확인할 수 있습니다. W3C 웹문서 마크업 검사를 통하여 모든 브라우저에서 제대로 표기가 되는지 , 마크업에 오류는 없는지 확인해주는 간편하고 좋은 사이트입니다. 짧은 시간에 무료로 웹 표준 검사가 가능하며 에러나 경고가 발생했을 때 해결방법도 확인해볼 수 있습니다. 화면상에서 제대로 보일지는 몰라도 , 마크업에 오류가 있을 수 있기 때문에 W3C 마크업 검사를 통하여 사이트의 오류를 검진하는 것을 습관을 들이는 것이 좋습니다. 내가 보는 브라우저에서는 제대로 된 화면이 보일지는 몰라도 일부 브라우저에서는 화면이 깨져서 나올 수가 있기 때문입니다. 웹 표준은 ..

Web/기타 2019.08.21
반응형
Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]