【 HTML 배우기 】 - 1탄

EunJi·2022년 7월 17일

html 개념 이해

🦎 Front-end 🦎

목록 보기

2/8

🦎 Section 01. HTML 이란 무엇인가?

어떠한 웹 브라우저를 사용하더라도
동일하게 내용이 표시될 수 있도록 하기 위한 서식 표준이 필요합니다
그래서 현재의 우리가 사용하는 웹 문서 서식 표준이 바로 "HTML"입니다 😊

【 HTML 이해하고 가기 】

HTML은 Hyper Text Markup Language의 약자입니다

Hyper : '과도한', '초월한'의 의미로
기존의 일반적인 문서에 비하여 월등하고 특출한 기능이 제공되는 문서라는
의미입니다 !
- 여기서 말하는 월등하고 특출한 기능이 바로 "Hyperlik"라는 문서 연결 기능인데요, Hyperlink는 문서를 다 읽을 필요 없이 링크를 통해 연결된 문서로 이동하는 방법을 말합니다 🤭
Text : 웹 문서를 의미합니다
Markup : 서식을 표현하기 위해 태그(tag)를 사용하여 표시(마크)하는 행위를 의미합니다
Language : 태그 언어를 의미합니다

▶ 즉, HTML은
"기존의 일반적인 문서에 비하여 월등하고 특출한 기능이 제공되는 웹 문서로
Markup Language이다" 로 간단하게 정리할 수 있겠네요 😊

그렇다면 HTML을 배운다는 것은 무엇을 뜻하는 걸까요?
바로 "여러 가지 태그들을 배운다"는 것을 뜻합니다! (간단하죠? 😏)

【 HTML 역사 간단하게 살펴보기 】

웹 문서 표준 서식인 HTML은
팀 버너스리(Tim Berners-Lee)가 1991년에 처음 발표했습니다
2014년 10월에 발표된 HTML5는
단순한 웹 문서작성 단계를 넘어서 게임같은 응용 S/W 즉, 웹 애플리케이션까지도
만들 수 있는 운영 체제의 위상을 얻게되었습니다

🦎 Section 02. 나의 첫 웹 페이지

웹 문서의 기본형식은 아래와 같습니다 😃

   <!DOCTYPE html>	# 웹 브라우저가 html문서로 인식할 수 있게됨  
	<html>		    # HTML문서의 시작과 끝을 나타냄 
	    <head>	
		 <title>나의 첫 웹페이지</title>	# 웹 문서의 제목을 기입할 수 있음  
	    </head>
	    
	    <body>      # 웹 브라우저 상에 실제로 보이는 부분
		 <h1>반갑습니다</h1>
		 <p>안녕하세요? 저의 첫 웹 페이지를 방문해 주셔서 감사합니다.</p>
	    </body>
	</html>