🤔 HTML문서 구조

박상은·2021년 9월 8일

📃 HTML 📃

목록 보기

1/3

😐 DTD

출력할 웹 페이지의 형식을 브라우저에게 알려줌

<!DOCTYPE html>
<!-- HTML5를 사용한다는 것을 브라우저에게 알려주기 위한 것 -->

😶 `<html>`, `<head>`, `<body>`

<html>
모든 html태그의 부모요소이며, 하나의 페이지에 하나만 존재함
<head>
메타데이터를 포함하기 위한 요소이며, 하나의 웹페이지에 하나만 존재함
<title>, <style>, <link>, <script> 등등 사용
<body>
html문서의 실질적인 내용을 정의하는 부분임

<html lang="ko">
  <head>
    <!-- 메타데이터설정 -->
    <mata charset="utf-8">
    <mata name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
    <mata name="description" content="Web tutorials on HTML and CSS">
    <mata name="author" content="John Doe">
      
    <!-- 문서의 제목 설정 -->
    <title>문서제목</title>
      
    <!-- 외부 리소스와 연계 -->
    <link rel="stylesheet" href="./css/style.css">
      
    <!-- 내부 css선언 -->
    <style></style>
      
    <!-- 내부 js선언 -->
    <script></script>
  </head>
  
  <body>
  </body>
</html>

HTML

🤔 HTML문서 구조

📃 HTML 📃

😐 DTD

😶 `<html>`, `<head>`, `<body>`

🤔 시멘틱 태그

0개의 댓글

🤔 HTML문서 구조

📃 HTML 📃

😐 DTD

😶 <html>, <head>, <body>

🤔 시멘틱 태그

0개의 댓글

😶 `<html>`, `<head>`, `<body>`