1. HTML (Hyper Text Markup Language) ?
가. 개요
1) 웹 페이지를 만들기 위해 사용되는 마크업 언어입니다.
2) 확장자는 .html, .htm 입니다.
3) 위의 확장자로 저장을 하면, 웹 브라우저는 이를 HTML 문서로 인식을 합니다.
4) HTML은 tag들의 집합소입니다.
- Tag는 < >로 묶인 HTML의 기본 구성 요소입니다.
나. 기본 구조
* SELF-CLOSING TAG 방식으로 태그 내부에 내용이 없다면 < tag / > 와 같이 표현이 가능합니다.
ex) <img src = 'TEST.png' />
다. 사용이 많이 되는 HTML 태그
2. CSS (Cascading Style Sheets) ?
가. 개요
1) 웹 페이지 구성요소의 스타일을 정의하는 언어입니다.
2) HTML을 시작적으로 꾸며주는 역할입니다.
나. CSS로 할 수 있는 것
1) 폰트 사이즈, 폰트 색깔, 폰트 스타일 등 설정
2) 검색창의 너비, 위치 등 설정
3) 버튼의 위치, 크기 등 설정
4) 위와 같은 기능 외에도 할 수 있는 것들이 많습니다.
다. CSS를 HTML에 적용하는 방법
1) inline : HTML의 특정 태그에 직접 style을 적용할 수 있습니다.
2) <style> 태그 이용
- 보통 <head> 태그 안에 삽입합니다.
- 태그를 선택하는 규칙(Selector)에 따라 일괄 적용 됩니다.
3) HTML 외부에 Stylesheet 작성
- <link> 태그를 사용합니다.
- css 확장자로 저장된 stylesheet 파일을 href 속성을 이용해 삽입합니다.
< style.css >
라. CSS SELECTOR ?
1) CSS에서 요소(element)를 선택하는 규칙
2) 태그라는 용어는 시작 및 종료 태그와 같이 마크업을 의미하며, 요소는 의미를 갖는
하나의 구조를 의미합니다.
이상으로 HTML과 CSS를 알아보았습니다.