HTML 개요

행행·2022년 5월 14일
post-thumbnail

HTMl

  • Hyper Text Markup Language
  • 참조(하이퍼링크)를 통해 사용자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트

1. html 기본구조

head 예시

<!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>
  <link rel="stylesheet" href="semantic.css">
  <script src = "javascript.js"></script>
  <style>
      p{
          color: black;
      }
   </style>
</head>
<body>
  
</body>
</html>

  • html : 문서 최상단(root)요소

  • head : 문서 메타데이터 요소

    • 문서 제목, 인코딩 , 스타일, 외부 파일 로딩 등
    • 일반적으로 브라우저에 나타나지 않는 내용
  • body : 문서 본문 요소

    • 실제 화면 구성과 관련된 내용
  • title : 브라우저 상단 타이틀

  • meta : 문서 레벨 메타데이터 요소

  • link : 외부 리소스 연결 요소 (css파일 등)

  • script : 스크립트 요소 (JavaScript 파일/코드)

  • style : CSS 직접 작성

profile
성장하려고 분투 중인 개발자

0개의 댓글