HTML
: Hyper Text Markup Language의 약자
웹페이지를 작성하기 위한 구조를 잡기 위한 언어
즉, 웹 컨텐츠의 의미와 구조를 정의
마크다운 언어는 들어봤어도 마크업?
- 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어
- 프로그래밍 언어와는 다르게 단순하게 데이터를 표현하기만 함
HTML 기본구조
(vscode에서 html 파일 생성한 후, 느낌표 Tab하면 자동 출력)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>html
<html lang="en">
: HTML문서의 최상위 요소, 문서의 root
: <head>와 <body>로 구분됨
head
<head></head>
: title, meta charset="UTF-8" 등 해당 문서 정보를 담고 있음
: 브라우저에 나타나지 X
body
브라우저에 나타나는 '실제 내용'
HTML 요소
<h1>카페 목록</h1>1) 시작 태그와 종료 태그
태그(요소, element)는 내용을 감싸,
그 컨텐츠의 성격와 의미를 정의
2) 내용
단, 내용이 없는 태그도 있다.
ex) meta, br, hr, img, link, input
HTML 속성
<태그 속성="값">content to be modified by the tag</태그>
<a href="https://velog.io/@shon4bw"></a>
= 사이에 띄어쓰기 X
"" 반드시 쌍따옴표태그(요소)는 속성을 통해
경로나 크기와 같은 추가적인 정보를 제공
요소의 시작 태그에 작성
cut_the_mustard