HTML이란?
간단히 말해서 웹 문서를 만드는 언어입니다.
그리고 HTML은 HyperText Markup Language의 줄임말입니다.
여기서 HyperText란 문서를 서로 연결해주는 링크를 의미합니다.
그러니까 즉, 링크 = 서로 연결한다는 의미입니다.
Markup이란 "표시한다" 라는 뜻인데, 그러니까 웹 브라우저에 텍스트, 이미지 등을 표시한다는 뜻입니다.
HTML의 기능
HTML의 기능은 웹 브라우저에 보여줄 내용을 결정하는 것입니다. 그리고 문서끼리 연결합니다.
HTML 문서의 구조
HTML 문서는 워드와 같은 일반 문서와 달리 정해진 형식에 맞추어 작성해야 합니다.
기본적으로 위와 같이 생겼습니다.
가장 먼저, <!DOCTYPE html> 로 시작합니다.
현재 문서가 HTML5 언어로 작성한 문서라는 뜻입니다.
<html> ~ </html> : 이것은, html 문서의 시작과 끝을 나타내는 태그입니다.
<html> 부터 </html> 까지가 html 문서입니다.</html>태그 뒤에는 아무 내용도 없어야 합니다.
잠깐! 태그가 뭐냐고요?
HTML에서의 태그는, <어쩌고> 로 시작해서 </어쩌고> 로 끝납니다.
<어쩌고> 가 여는 태그이고, </어쩌고> 로 반드시 닫아줘야 합니다.
어느 부분이 텍스트이고, 어느 부분이 제목이고, 어느 부분이 표인지 구분할 수 있도록 하는 것입니다.
예를 들면 아래와 같죠.
<텍스트> 여기서부터 여기까지가 텍스트입니다. </텍스트>
<head> ~ </head> : <head> 태그는, 웹 브라우저에 문서의 정보를 알려줍니다.
<html lang = "ko"> : 문서에서 사용할 언어가 한국어라는 뜻입니다.
<meta charset="UTF-8"> : 화면에 한글로 된 내용을 표시할때, 이 코드를 반드시 작성해야 합니다.
<title> 태그는 문서의 제목을 의미합니다.
<body> ~ </body> : 실제로 웹 화면에 나타나는 내용입니다. <body> 태그 안에 대부분의 내용이 들어 있습니다.
<h1> 태그는 보통 글 제목을 나타닙니다.
<h1> 태그는 검색엔진 최적화(SEO) 작업 시 가장 중요한 부분이니, 나중에 다시 한 번 다루겠습니다.
<hr> 태그는 화면에 선을 긋는 태그입니다. <hr> 태그는 단일 태그로, 특이하게 닫는 태그</> 가 없습니다.
<p> 태그는 글자라고 생각하면 편한데, paragraph, 즉 문단의 약자로, 하나의 문단을 만들 때 쓰입니다.
HTML5 = HTML
HTML5는 오늘날 그냥 HTML이라고 부릅니다. 대부분의 웹 브라우저에서 HTML5를 지원하게 되었기 때문입니다.
따라서 HTML5 = HTML 입니다.
'IT > Coding' 카테고리의 다른 글
| 비주얼 스튜디오 코드(Visual Studio Code) 설치, 한국어 세팅하기 (0) | 2023.08.24 |
|---|---|
| 개발 초보 꿀팁! 개발자 도구 F12 사용법! (0) | 2023.08.16 |
| [css]흑백 필터의 선명도를 낮추는 법 (0) | 2023.07.20 |
