국비지원으로 구름(goorm)에서 바로 써먹는 풀스택 기초[자바스크립트]를 배우고 있다.
공부하는 내용을 이렇게 블로그로 포스팅하려고 한다.(나중에 다시 공부하고 싶을 때 볼 수 있도록)
HTML(Hypertext Markup Language)은 컨텐츠의 구조를 정의하는 마크업언어이다.
컨텐츠(내용)에 태그(마크)를 씌워 구조를 구분하여 정의한다. 태그+컨텐츠+태그 형식을 요소(Element)라 한다.
<제목>바로 실행해보면서 배우는 HTML5/CSS3</제목>
제목, 부제목, 내용은 각각 <h1>, <h2>, <p> 태그를 사용한다.
(태그는 대문자로 작성할 수는 있지만, 주로 소문자로 작성하길 권장한다고 한다.)
HTML의 요소(Element)가 하나 둘 쌓여 HTML 문서를 이룬다. 하지만 요소만으로는 문서를 완성할 수 없다. 다음 태그들의 형식을 가져야 문서 구조라고 할 수 있다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>구름EDU</title>
</head>
<body>
<h1>바로 실행해보면서 배우는 HTML/CSS</h1>
<p>HTML과 CSS에 대해서 배워봅시다!</p>
</body>
</html>
<!DOCTYPE html>은 HTML이 아니다. 이것은 문서형식(Document type)을 정의할 때 사용하는 문장이다. HTML 문서의 가장 처음에 배치되어 이 문서가 HTML 문서라고 브라우저에 알려주는 역활을 수행한다.
<html lang="ko"> 부터 HTML 문서가 본격적으로 시작된다. <html> 태그는 전체 HTML 문서를 감싸는 태그이다. HTML 문서에서 단 한 번 사용할 수 있으며, <html> 태그 바깥에는 다른 태그가 존재할 수 없다. lang="ko"는 이페이지의 주 언어가 한국어라는 것을 명시하는 것이다.
구름EDU - 모두를 위한 맞춤형 IT교육
구름EDU는 모두를 위한 맞춤형 IT교육 플랫폼입니다. 개인/학교/기업 및 기관 별 최적화된 IT교육 솔루션을 경험해보세요. 기초부터 실무 프로그래밍 교육, 전국 초중고/대학교 온라인 강의, 기업/
edu.goorm.io
'Javascript-full-stack' 카테고리의 다른 글
| 글자와 관련된 태그 (0) | 2022.01.10 |
|---|---|
| 제목과 본문 태그 (0) | 2022.01.10 |
| vs code으로 html 기본구조 자동완성하기 (0) | 2022.01.10 |
| 시맨틱 태그(Semantic tag) (0) | 2022.01.09 |
| Head 와 Body (0) | 2022.01.09 |