기본적인 문법 | Notion

HTML 태그

HTML은 태그<>를 통해서 웹의 내용을 보여주고, 의미있게 해준다.
태그는 열으는 태그와 닫는 태그가 존재한다.
열으는 태그와 닫는 태그 사이에 내용을 작성해준다.

<h1>웹 페이지의 제목</h1>
<p>웹 페이지의 내용</p>

그러나 열으는 태그와 닫는 태그가 같이 존재하는 태그들도 있다. (이미지, 인풋 등)

<input type=”text” placeholder=”검색하세요” />
<img src=”https://…” />

HTML 주석

주석은 아래와 같이 작성할 수 있다.

<!DOCTYPE html>
<html>
	<head></head>
	<body>
		<h1>안녕하세요.</h1>

		<!-- 저는 주석입니다. -->
	</body>
</html>

대표 구성 태그들

<!DOCTYPE html>: 현재 웹 버전을 브라우저에게 알려주고, 모든 브라우저에서 표준으로 렌더링 되게끔 설정 (각 브라우저마다 다르게 해석하고 렌더링하지 않도록)
html: HTML 문서의 시작점, DOCTYPE을 제외한 모든 태그가 안에 들어간다.
head: 웹 페이지의 속성 및 부가 정보 설정, 외부의 일부 리소스를 가져옴
body: 웹 페이지에서 사용자가 실제로 볼 수 있는 영역 (본문)