NAMU DAYS

STUDY/HTML & CSS

UI / UX 웹 퍼블리셔 & 프론트엔드 [8] - CSS 1.0

HTML과 항상 붙어다니는 단짝 친구 CSS 1.0을 다루는 실습이다. style="" 속성 : 멋이라곤 하나도 모르는 HTML을 위해 발 벗고 나선 CSS의 첫 등장 버전이다. ** width : 객체의 가로 크기 지정 (px, em, %, vh, vw 등) ** height : 객체의 세로 크기 지정 (px, em, %, vh, vw 등) ** background-color : 객체의 배경색 지정 (색상 단어 & 해쉬 코드) ** border-color : 객체의 테두리 색상 지정 (색상 단어 & 해쉬 코드) ** color : 객체의 폰트 색상 지정 (색상 단어, 해쉬 코드) ** font-size : 객체의 폰트 크기 지정 (px, em, %, vh, vw 등)

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으로 설정된다.