HTML5 소개

This is a continuation of the intro to web dev series,



Html은 Hyper Text Markup Language를 의미하며 페이지의 구조를 디자인하고 사용자 입력을 수집하는 데 사용됩니다.

html은 태그를 다룹니다.
<!DOCTYPE html>

이것은 html5 선언에 사용되는 간단한 html 태그입니다. html에는 여러 버전이 있으므로 선언이 필요합니다.

간단한 html5 구조의 예:
 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8" />
   </head>
   <body>
     <h1>hi there
   </body>
 </html> 

이 시리즈의 대부분의 태그를 살펴보겠습니다.

우리가 볼 첫 번째 태그는 다음과 같습니다.
 <!DOCTYPE html> 

위에서 설명한 것처럼 html5 선언에 사용됩니다.

다음 태그는 다음과 같습니다.
 <html> </html> 
  • 이 태그는 html 문서의 시작 포인터를 나타내는 데 사용됩니다
  • .
  • 또한 사용할 언어를 선언하는 데 사용됩니다.
     <html lang="en">

  • 다음 태그는 다음과 같습니다.
      <head> </head> 
  • 이 태그는 head 태그로, 일반적으로 표시되지 않는 html 문서에 대한 데이터인 메타데이터에 대한 데이터를 포함하는 데 사용되며, 다음과 같은 html 문서의 속성을 설정하는 데 사용됩니다. 스타일, 뷰포트, 문자 집합, 스크립트 등
     
    <head> 
    <meta charset="utf-8" />
    <meta name="author" content="faith james" />
    <script src="./index.js" />
    <link type="text/css" rel="stylesheet"  href="./main.css" />
    </head> 

  • 다음 태그는 다음과 같습니다.
      <body>  </body> 
  • 이 태그는 html 문서의 내용(예: 단락, 제목, 이미지, 표 등)을 포함하는 데 사용됩니다.
  • 이 태그의 콘텐츠 대부분은 브라우저에서 볼 수 있습니다.
  • <body>
     <h1>This is the first Heading </h1>
     <p> this is a paragraph </p>
     <img src="./sample.jpg" alt="this is a simple image" />
    &lt/body>
    

  • we will discuss about more about tags in the next article in this series

    Cover Photo by Vishnu R Nair on Unsplash

    Photo by James Harrison on Unsplash

    좋은 웹페이지 즐겨찾기