프로트엔드 개발을 위한 HTML 학습하기

HTML

HTML은 웹문서의 글을 꾸미기 위한 테그들이 삽입된 문서 포맷 입니다. 일반 텍스트 문서에 HTML 테그 코드를 추가함으로서 웹브라우저에서 보기 좋게 문서를 꾸밀 수 있습니다.

무작정 hello 출력하기

먼저 브라우저에 hello를 출력하는 문서를 만들어 봅니다

문서의 구조

웹 페이지는 html 테그를 이용하여 컨덴츠의 내용을 구성합니다. HTML의 기본 구조는 다음과 같습니다.

크게 head와 body 2개의 영역으로 구분이 되어 있습니다. 그리고 이를 묽어서 html 테그로 감싸져 있습니다.

테그란 무엇인가요?

테그 또는 요소

HTML은 마크업 언어로서 브라우저가 글자나 문장을 잘 보여줄 수 이도록 특수한 마킹을 합니다. 이러한 마킹을 테그 또는 요소라고 불리웁니다.

테그란?

테그는 문서의 컨덴츠를 꾸미는 역할을 수행합니다.

기본 테그의 종류 시만틱 테그와 종류

문서의 버젼

HTML은 오랜기간을 걸쳐 다양한 버젼으로 개선되어 왔습니다. 최신의 html 문서의 버젼은 5 입니다. 하지만, 브라우저는 다양한 버젼의 html 문서를 읽고 처리해야 되기 때문에 html 문서에서 버젼을 지정해 주는 것이 좋습니다.

HTML5 버젼 표시

HTML4 버젼 표시

html 테그와 언어설정

head 태그

HTML 에서 head 태그안의 정보들은 문서를 출력하기 위한 정보들을 담고 있는 영역입니다.

body 태그