개념.log/Publishing

[HTML] 01. HTML Basic

_2J 2020. 6. 11. 04:17

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> - 실제 브라우저에 표시될 내용