NAMU DAYS

STUDY/HTML & CSS

UI / UX 웹 퍼블리셔 & 프론트엔드 [5] - <table> 태그 심화

저번에 이어 태그를 더 진행하였다. border="" 속성 : 테두리를 지정하며 1은 사용, 0은 사용하지 않음을 뜻한다. 이외 두께, 스타일, 색상도 설정할 수 있다 [1px solid black] ex) → 테이블의 테두리를 나타내고 가로 600, 세로 150의 크기로 지정한다. align="" 속성 : 정렬의 의미를 가지며 , , 에 적용할 수 있다. ** left : 왼쪽 정렬 ** right : 오른쪽 정렬 ** center : 가운데 정렬 colspan="" / rowspan="" 속성 : 병합의 의미를 가지며 각각 가로, 세로를 뜻한다. 뒤에 오는 숫자 칸만큼 병합하여 그다음 줄 또는 열에는 해당 칸을 입력하지 않아도 된다. ex)9 → 이 칸을 기준으로 가로 병합 2칸, 세로 병합 2칸을 ..

STUDY/HTML & CSS

UI / UX 웹 퍼블리셔 & 프론트엔드 [4] - <table> 태그

2일차 세번째 실습은 테이블을 만들기 위한 HTML 2.0 태그이다. 태그 : 그래프, 표, 통계, 게시판, 웹 아웃라인을 생성할 때 사용 : 테이블 태그에서 줄(행)을 생성할 때 사용 : 테이블에서 칸(열)을 생성할 때 사용 ex) ** 3 x 2 테이블일 경우 : [ 1쌍 + 3쌍 ] x 2묶음 x 2묶음 ** 2 x 3 테이블일 경우 : [ 1쌍 + 2쌍 ] x 3묶음 x 3묶음 ** 너비와 높이를 주고 싶을 때 , : width와 height 적용이 가능하다. : 오직 height만 적용 가능하다. ex) 1 2 3 → 가로의 길이가 적용되지 않는다. 1 2 3 → 에 적용할 경우, 가로 너비가 전부 200으로 설정, 에 적용할 경우, 해당 열의 너비만 200으로 설정된다.