로그인 html을 만들어 볼것이다.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>로그인페이지</title>
</head>
<body>
<h1>로그인 페이지</h1>
<p>ID: <input type="text" /></p>
<p>PW: <input type="text" /></p>
<button>로그인하기</button>
</body>
</html>
```
내생각 --> 각 태그들은 마크업 랭귀지인 html로 이루어진 태그들이다. 그리고 우리는 head 태그를 메타데이터 (헤더) 요소 라고 부른다. 그렇다면 메타데이터란 무었일까? 메타데이터는 데이터에 대한 데이터이다. 즉 어떤 목적을 가진 데이터라는 것이다. 헤드 태그는 말 그대로 제목 , 스크립트(자바스크립트 이용할때 사용) , 스타일시트(css이용할때 사용) 할때 LINK 하기 위한 목적으로 만들어진 것이다.
위 코드들을 뜯어보면 , html 태그가 <html>,<head>,<body> 태그 등으로 이루어져 있다. 그렇다면 body태그에는 어떤게 들어갈까?
body태그는 html 문서의 내용을 나타낸다. 그리고 한 문서에는 하나의 body태그만 들어갈수 있다. 즉 우리가 html 즉 돔(나중에 배운다)을 하나의 하나의 몸으로 비유하자면 html은 몸을 구성하는 하나의 전체적인 뼈대이고 head태그는 말그대로 몸의 머리, body태그는 말그대로 몸의 body이다.
HTML <head> 요소는 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는 문서가 사용할 제목, 스크립트, 스타일 시트 등이 있습니다.
출처 : developer.mozilla.org/ko/docs/Web/HTML/Element/head
: 문서 메타데이터 (헤더) 요소 - HTML: Hypertext Markup Language | MDN
: 문서 메타데이터 (헤더) 요소 HTML 요소는 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는 문서가 사용할 제목, 스크립트, 스타일 시트 등이 있습니다. 참고: 의 주 목적은
developer.mozilla.org
메타데이터(metadata)는 데이터(data)에 대한 데이터이다. 이렇게 흔히들 간단히 정의하지만 엄격하게는, Karen Coyle에 의하면 "어떤 목적을 가지고 만들어진 데이터 (Constructed data with a purpose)"라고도 정의한다
출처 : ko.wikipedia.org/wiki/%EB%A9%94%ED%83%80%EB%8D%B0%EC%9D%B4%ED%84%B0
메타데이터 - 위키백과, 우리 모두의 백과사전
위키백과, 우리 모두의 백과사전. 2010년대에 메타데이터는 일반적으로 디지털 형태를 가리킨다. 그러나 1960~1970년대의 전통적인 카드 카탈로그들 또한 메타데이터의 한 예로 들 수 있으며, 이 카
ko.wikipedia.org
HTML <body> 요소는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 <body> 요소만 존재할 수 있습니다.
출처: developer.mozilla.org/ko/docs/Web/HTML/Element/body
: 문서 본문 요소 - HTML: Hypertext Markup Language | MDN
: 문서 본문 요소 HTML 요소는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 요소만 존재할 수 있습니다. 콘텐츠 카테고리 구획 루트 (en-US). 가능한 콘텐츠 플로우 콘텐츠. 태그 생략 태그 내의
developer.mozilla.org
'웹 프로그래밍(풀스택-->python)' 카테고리의 다른 글
| 6. 폰트, 주석, 파일분리 (0) | 2021.03.29 |
|---|---|
| 5. 자주 쓰이는 CSS 연습하기 (0) | 2021.03.29 |
| 4. CSS 기초 (0) | 2021.03.29 |
| 2. HTML 과 CSS 개념 (0) | 2021.03.29 |
| 1. 서버/클라이언트/웹의 동작 개념 (0) | 2021.03.29 |
