HTML 마크업 언어란
-
마크업 언어
HyperText Markup Language
각각의 요소들이 컴퓨터에 시각적으로 표시만 함
그냥,,, 갖다 놓는 것 -
하이퍼 텍스트
링크를 통해 어디로든 이동 가능
(파일명).html
HTML 구조 (1)
어떤 문서든 Html 문서 가장 위에는
<!doctype html>이 있음
<html></html>사이에 모든 문서가 있음
태그: <>로 둘러쌓인 요소
<></> : 시작과 끝
<!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>
</head>
<body>
<h1>Welcome</h1>
Hello world
</body>
</html>=> 기본 html ! 후 탭키
HTML 구조 (2)
head에 들어가는 부분은 눈에 보이지 않고 body에 들어가는 부분이 눈에 보임
- attribute(속성): <태그 ~~~></태그> => 물결 위치
hidden : 화면에 안 보이게 하는 것
draggable: 태그 사이에 있는 것을 긁어올 수 있음(true일시)
<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">-
lang(언어)이 eg(영어)로 설정됨
=> 이 태그로 정확히 명시 하지 않으면 기능과 접근성에 제한 될 수 있음 -
charset="UTF-8" 모든 언어를 표시하기 위함
-
"viewport"(반응형) 메타를 width=device-width(기기의 너비와 같게) 설정
안녕하세요 이동주입니다