Recoding & Share Devlog

저번 포스팅에서는 테이블에 대한 기본적인 설명을 드렸습니다. 이번 포스팅에서는 테이블을 어떻게 활용하는지 예제를 들어보겠습니다. 이 사진을 보시면 테이블로 하나의 구단순위를 만들어 본 예제입니다.바로 소스코드를 보고 설명을 드리겠습니다. table 활용 구단 순위 구단 순위표 순위 팀 승 패 1 맨시티 32 2 2 맨유 25 7 3 토트넘 23 7 자료제공 : 제공 저번 포스팅에서도 설명을 드린것과 같이 테이블 요소안에 border라는 속성은 css에 써야하지만 처음엔 보기 편하게 하기위해 기재하였습니다. 테이블은 표를 나타내는걸로 설명을 드릴 수 있는데요 caption 요소와 테이블의 구성 그리고 웹 접근성을 위하여 summary 속성까지 써줘보았습니다. 마지막에 colspan이 있는데 colspan과..

이번 포스팅에서는 표를 나타내는 요소인 Table 요소에 대해 설명을 드리겠습니다. 우선 테이블 요소는 표를 나타내주는데요, 우리가 흔히 볼 수있는 여러가지 표중에 다음 사이트에서 찾아 가져와 보았습니다. 사진출처 : 다음스포츠 위 표가 보이시나요? EPL 구단 순위를 나타내는 표인데요 지금 현재 상태는 표가 꽤나 보기쉽고 디자인이 되어있습니다.하지만 이 테이블에서 CSS를 제거하면 바로 아래와 같은 사진이 나오게됩니다. 선이 없어서 보기가 더 힘들지만 위에 보이시면 순위 표 라고 기재가 되어있습니다. 이처럼 표를 만들어주는 요소인 table요소는 여러 부분에서 사용이 되고있습니다. 한가지 덧붙여 말씀드리자면 이 표를 나타내는 table요소로 예전엔 레이아웃을 배치하곤 했지만 요즘은 그렇지가 않습니다. ..