HTML
Hyper Text Markup Language
HTML은 웹 페이지 표준 마크업 언어이다.
HTML은 웹 페이지의 구조를 설명합니다.
HTML은 블라우저에 컨텐츠를 표시하는 방법을 알려줍니다.
- W3schools 참고
- 마크업 언어: 태그 등을 사용하여 데이터 구조를 명시하는 언어의 종류 - 위키백과
기본 구성
| 코드 | 설명 | +a |
|---|---|---|
<!DOCTYPE html> | 이 문서가 HTML 문서임을 정의 | |
<html> | HTML의 루트 요소 | 루트: 문서의 최상위 디렉토리 |
<head> | HTML의 메타정보가 포함된 영역 | 메타 정보: 문서에 대한 정보를 담는 데이터. 브라우저에서는 직접적으로 표현되지 않는다. |
<title> | 페이지 정보를 지정 | 브라우저 제목표시줄, 탭에 표시 |
<body> | 문서의 본문 영역 | 사용자 눈에 보이는 영역이 담기는 곳 |
<h1> | 큰 제목을 의미한다. | 숫자가 작을 수록 큰 글씨 Heading의 약자 |
<p> | 단락을 의미한다. | paragraph의 약자 |
HTML 구조
출처 - W3School HTML 소개 페이지 중
차후 DOM 트리시 이해하기 좋음.
HTML의 요소
- 기본 <시작태그> 컨텐츠 </종료태그> 형식
<tag>내용</tag>일부 요소는 종료태그가 존재하지 않음
이를 빈 태그라고 부른다.
- 속성값 존재시
<tag attr=''>내용</tag>속성 존재시 대소문자를 구분하지 않지만 소문자 작성을 권장한다.
classidminmax등 대부분의 속성이 소문자로 작성
따옴표 사용역시 강제사항은 아니지만 권장하고 있다.
"큰따옴표",'작은따옴표'구분은 없으나 큰따옴표를 권장
주석
<!-- ... --> 한 줄, 여러 줄 모두 동일
게으르지만 기록은 하고싶어!