본문 바로가기
Web/HTML

02. HTML 속성

by 사라리24 2024. 4. 3.
SMALL

 

1. 속성

태그를 보완하는 역할

 

  • HTML 속성 전체

  <!
DOCTYPE html>

  <html lang="en">

  <head>

      <meta charset="UTF-8">

      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <title>Document</title>

  </head>

 

 

 

  • <!DOCTYPE html>
  
   <!
DOCTYPE html>

: 선언문, HTML5를 나타냄

 

 

  • <태그 속성 = "속성값" 속성 = "속성값" .... >


  <html lang="en">


- 속성: 태그를 보완하는 역할, 작은 따옴표 또는 큰 따옴표를 사용
- html 문서 리더기의 언어를 설정 (en: 영어, ko: 한국어)

 

 

 

  • <meta charset="UTF-8">


   
<meta charset="UTF-8">


언어셋을 설정

(예) euc-kr--->2byte
        UTF-8----> 3 byte

 

  • 모바일 환경설정


     <
meta name="viewport" content="width=device-width, initial-scale=1.0">


모바일 환경 해상도 설정 
(예) 1920 x 1200 ,  3120 x 1440

viewport : 해상도를 다르게 띄워줌
witdh =device-width : 가로폭을 보기좋은 것으로 선택
initial-scale=1.0 : 줌 불가능

 

 

  • Meta 태그

  <
meta>

HTML 문서에 대한 정보를 정의할 때 사용

<head>~</head> 사이에 적용

name, content, http-equiv, author, viewport, keyword, description 등 여러가지 속성을 사용

 

'Web > HTML' 카테고리의 다른 글

05. 테이블 태그  (0) 2024.04.04
04. 호스팅 서비스, 책갈피  (2) 2024.04.04
03. 이미지 태그, 하이퍼링크  (2) 2024.04.03
01. HTML의 개념, 특징, 태그  (0) 2024.04.03
00. Web  (0) 2024.04.03