고정 헤더 영역
상세 컨텐츠
본문
HTML이란?Hyper Text MarkUp Language
웹 페이지에 정보를 담아 표시하기 위한 마크업 언어
※ HyperText란? 현재 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트
※ Mark Up이란? 어딘가에 Mark! 즉, 표시를 해두는 것.
HTML의 구성요소
<시작태그> 내용(Content) </끝태그> → 이를 모두 합쳐 요소(Element)
<h1>안녕하세요</h1>
<!-- h는 제목태그로, h1~h6까지 크기별로 있다.-->또는
<시작태그 속성(attribute)="속성값(value)"> 내용(Content) </끝태그>
<h1 align="center"> 안녕하세요 </h1>
<!-- align은 정렬방식을 의미하고 right, left, center를 지정해줄 수 있다.-->이는 해당 요소에 추가적인 내용을 담고 싶을 때 사용한다.
HTML문서의 기본 구조
<!DOCTYPE html> <!-- 문서 형식 정의-->
<html>
<head> <!-- 머릿글 -->
<meta><!--문서에 대한 정보-->
<title>제목</title> <!--문서의 제목-->
</head>
<body>
<!-- 문서의 내용 -->
</body>
</html>※ 아래의 기본구조는 VSCode에서 자동완성(!+Enter)을 이용했을 때 나오는 구조이다.
<!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>
<!-- HTML 문서의 내용(텍스트, 이미지, 내용 등)-->
</body>
</html>※ 아래의 기본구조는 Atom에서 자동완성(html+Enter)을 이용했을 때 나오는 구조이다.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
'공부 > Web' 카테고리의 다른 글
| [WEB] WEB서버/WAS (0) | 2022.06.03 |
|---|---|
| [Web] Session vs Token vs Cookie (0) | 2022.05.30 |
