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

STUDY/HTML & CSS

UI / UX 웹 퍼블리셔 & 프론트엔드 [3] - HTML 2.0 태그 & 절대경로 vs 상대경로

2일 차 두 번째 실습은 보다 효과적인 웹 사이트를 만들기 위한 HTML 2.0 기본 태그이다. ○ 기본 태그 : 코딩을 하고 웹에 출력할 때, 스페이스바는 여러 번 눌러도 한 번 띄우는 것으로 인식하는데 는 스페이스바 역할을 수행해준다. [ 세미콜론( ; )을 빼먹지 않도록 주의하자! ] 태그 : 글자의 색상, 크기와 글꼴을 설정할 때 사용한다. ** 속성 : 글자의 색상을 설정할 때 사용한다. ** 속성 : 글자의 크기를 설정할 때 사용하며 1에서 7까지의 수만 사용할 수 있다. 와 : href 속성과 src 속성은 전 실습 때 다뤘던 속성이다. 둘의 차이점은 href는 move의 역할 src는 load의 속성을 가졌다는 점이다. iframe은 src를 활용하여 해당 링크를 웹 상에 나타내는 역할을 ..