- HTML & CSS 기초 소개
실무에 많이 사용되는 HTML 태그 및 CSS 속성을 살펴봅니다
- HTML 소개
웹에서 내용을 파악하기 쉽게 문서화하는 언어가 바로 HTML
- HTML 문법 - 태그
문법을 크게 6가지로 태그, 속성, 중첩, 빈 태그, 공백, 주석 순으로 나누어서 설명
HTML은 태그들의 집합이며, 태그는 HTML에서 가장 중요하고 기본이 되는 규칙
내용을 포함한 태그 전체를 요소(Element)라고 합니다
- HTML 문법 - 속성
속성은 태그에 추가로 정보를 제공하거나 태그의 동작이나 표현을 제어할 수 있는 설정값을 의미
속성 이름="속성값"으로 표현
- HTML 문법 - 태그 중첩
태그의 중첩이란 태그 안에 또 다른 태그를 사용하는 것
- HTML 문법 - 빈 태그
<br>
<img src="">
<input type="">- HTML 문법 - 공백
기본적으로 HTML은 두 칸 이상의 공백을 모두 무시
- HTML 문법 - 주석
주석은 화면에 노출되지 않고 메모의 목적으로만 사용하는 것을 의미
주석의 시작은 표시로 종료
- 문서의 기본 구조
HTML 버전, 문서의 제목, 정보, 내용 등을 파악
태그의 lang 속성은 문서가 어느 언어로 작성되었는지를 의미합니다. 태그에 위치하는 태그들은 브라우저 화면에 표시되지 않습니다.대신 문서의 기본 정보 설정이나 외부 스타일 시트 파일 및 js 파일을 연결하는 등의 역할을 합니다.
태그의 charset 속성은 문자의 인코딩 방식을 지정합니다. 태그에는 실제 브라우저 화면에 나타나는 내용이 들어가며, 앞으로 우리가 다루는 태그들 대부분이 모두 여기에 해당이 됩니다.