HTML이란?
HTML 은 프로그래밍 언어가 아니고
컨텐츠의 구조를 정의하는 마크업 언어,
HTML은 컨텐츠의 서로 다른 부분들을 씌우거나(wrap)
감싸서(enclose) 다른 형식으로 보이게하거나
특정한 방식으로 동작하도록 하는
일련의 요소(elements)로 이루어져 있음
tags로 감싸는 것으로 단어나 이미지를 다른 어딘가로
하이퍼링크(hyperlink)하거나 단어들을 이탤릭체로 표시하고
글씨체를 크게 또는 작게 만드는 등의 일을 할 수 있다.
프론트엔드를 시작한다면 가장 첫번째 기본으로 알아야할 언어이며
가장 중요한 요소이다.
HTML의 기본 구조
HTML의 기본구조는 아래 예시를 통해 확인할 수 있다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML문서의 제목</title>
</head>
<body>
<h1>제목</h1>
<div>박스</div>
<span>문장</span>
</body>
</html>DOCTYPE html — html문서라고 선언
html - 페이지 전체를 컨텐츠로 감싸며 루트(root)요소라고 부름
head - HTML 페이지에 포함되어 있는 모든 것들(여러분의 페이지를 조회하는 사람들에게 보여주지 않을 컨텐츠)의 컨테이너 역할
여기에는 keywords (en-US)와 검색 결과에 표시되길 원하는 페이지 설명, 컨텐츠를 꾸미기 위한 CSS, 문자 집합 선언 등과 같은 것들이 포함
body - 페이지에 방문한 모든 웹 사용자들에게 보여주길 원하는 모든 컨텐트를 담고 있다
HTML의 요소 분석
<div>hello, velog</div>위의 예재로 설명하자면
여는태그(opening tag) : <div>
닫는태그(closing tah) : </div>
컨텐츠(content) : hello, velog
요소(element) : 전체 여는태그와 닫는태그, 컨텐츠로 이루어진것을 하나로 묶어서 요소라고 얘기함
모든 태그는 미리 정의되어 있으며, 각각의 태그와 속성을 사용하기만 하면 된다
