반응형
H T M L ?
- HyperText Markup Language
HyperText : 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능
Markup : 태그(Tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것
<!DOCTYPE html> <!-- 현재 문서가 HTML5언어로 작성된 웹 문서-->
<html lang="ko"> <!-- <html> ~ </html> 웹 문서의 시작과 끝-->
<!-- 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보 입력-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Do it 실습 - 처음 만드는 html 문서</title>
</head>
<!-- 실제로 웹 브라우저 화면에 나타날 내용 -->
<body>
<h1>Time is...</h1>
<p>Live today like you will die tomorrow, <br>
dream tomorrow like you will live forever</p>
<img src="images/first.jpg">
</body>
</html>
-
<!doctype> - 문서 유형을 지정하는 선언문
-
<html> - 웹 문서 시작을 알리는 태그
-
<head> - 브라우저에게 정보를 주는 태그
-
<meta> - 문자 세트를 비롯한 문서 정보
-
<body> - 실제 브라우저에 표시될 내용