💻Programming/👩‍🎨HTML&CSS

[HTML] 04. 테이블 관련 태그

~ 테이블 (표)을 정의하는 데 사용 caption 요소, colgroup 요소, thead 요소, tbody 요소, tfoot 요소를 순서대로 사용 thead 와 tfoot 요소는 table 요소에 단 한번만 사용 레이아웃 용도로 사용 ❌ 태그 내에 사용하는 중요 태그 - 태그 테이블의 행을 나타내며 , 등 열을 결정하는 태그를 포함 테이블 행 태그(Table Row)로 태그 내에 행을 정의 태그에는 하나 이상의 , 태그가 포함 ᆞalign : 콘텐츠 정렬을 지정 속성 값 : left(왼쪽, 디폴트), center(중앙), right(오른쪽), justify(양쪽 정렬) ᆞheight : 행의 높이를 픽셀로 지정 - 태그 테이블 데이터를 나타냄 ᆞalign : 콘텐츠 정렬을 지정 속성 값 : left(..

[HTML] 03. 레이아웃 관련 태그

CSS(Cascading Style Sheet) 스타일은 HTML 문서 내에 서체의 종류, 크기, 색, 여백 등을 지정하여 사용자의 web browser 환경에 상관없이 일정한 화면을 보여주는 기능 HTML의 기능을 확장 태그에 다양한 기능 추가 및 HTML에서 지원하지 않는 다양한 스타일 등을 사용할 수 있다. 장점 - 양식의 모듈화 흐름이 같은 문서 양식으로 전체를 구성 - 간편성 : 문서의 형식을 손쉽게 다양하게 구성 - 일관성 : 사용 환경의 영향을 받지 않으며, 일관성 있는 문서들을 만들 수 있음 - 유지보수의 편리성 CSS 형식 css 구문은 선택자(selector)와 선언으로 구성 선언은 속성(property)과 값(value)으로 구성된다. css의 기본 형식은 '선택자{속성:값;}' 의 ..

[HTML] 02. 기본 태그

HTML 주석 1. 기본 태그 1) 모든 HTML 문서의 최 상단에 기술 어떤 버전으로 작성되었는지 미리 선언해 웹 브라우저가 내용을 올바로 표시할 수 있도록 해준다. HTML5에서의 선언 방법 2) ~ HTML 문서의 최상위 태그로 HTML 문서의 시작과 끝을 나타냄 - head 요소와 body 요소를 포함 - lang 속성으로 내용에서 사용할 언어를 지정 가능 ~ 3) ~ HTML 문서의 제목 표시 부분을 기술 이 부분에 기술된 내용은 브라우저의 제목 표시줄에 나타남 Insert title here 4) ~ body 요소는 문서의 주된 콘텐츠를 나타냄 HTML 문서에는 body 요소를 반드시 하나 기술 속성 참고 : HTML 5에서는 대부분의 속성을 지원하지 않음(style로 처리) alink : 사..

[HTML] 01. 개요

HTML이란? ᆞHTML은 월드 와이드 웹(World Wide Web) 문서를 작성하는 Hyper Text Markup Language 이다. ᆞHyperText 한 문서 안의 특정 단어나 그림에 또 다른 문서가 연결된 형태 ᆞHyperLink 특정 단어나 그림에 또 다른 문서나 그림을 꼬리에 꼬리를 물고 연결하는 것 - 웹 브라우저를 통하여 사용자에게 보여 지는 문서의 내부 형식을 규정하는 언어이다. - 제목, 본문, 목록, 링크, 이미지 등 다양한 콘텐츠를 의미 있게 마크업 할 수 있다. - 웹브라우저는 HTML 태그를 읽고 분석하여 표현내용을 화면에 나타낸다. 이로 인해 서로 다른 웹브라우저라도 사용자에게는 동일한 형태의 웹 페이지를 표시할 수 있다. - HTML 문서는 *.html, *.htm 등..