[HTML] 시작, HTML이란?

 

안녕하세요. 졔이입니다! 😃

저는 며칠 전부터 html 공부를 시작했답니다. 👏🏻

단순히 웹 페이지를 만들어보고 싶다는 생각에 web을 공부하기 시작했어요.

web의 공부 단계는 HTML , CSS , JacaScript 순으로 진행 할 예정이고, 공부한 내용을 정리하고 공부를 더욱더 열심히 하기 위한 '자극'을 주기 위해....!! web 공부 내용도 블로그에 정리하려고 합니다.

많은 관심 부탁드립니다. 💜

* 본 게시글은 유튜브 '생활코딩' 영상을 보고 공부한 내용을 저의 방식으로 해석하여 작성한 글입니다.

 

[ Index ]

1. HTML이란?

2. HTML 준비하기

3. HTML 시작하기

 

---

 

1. HTML이란?

---

HTML(Hypertext Markup Language) 은 웹 페이지를 위한 지배적인 마크업 언어입니다.

HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공합니다.

즉, HTML은 웹 페이지의 뼈대 및 구조를 만들 수 있는 언어라고 할 수 있습니다.

HTML은 현재 존재하는 언어 중에 가장 쉬운 문법을 가지고 있다고 해요. 

그렇기에 새로운 언어를 배우는 것에 큰 부담 없이 시작할 수 있을 것 같아요! :)

 

2. HTML 준비하기

---

우선, HTML 언어를 작성할 수 있는 문서 편집기를 편집해야 합니다.

제가 사용했던 문서 편집기는 'Atom'이라는 자유 오픈 소스 형태의 소스 코드 편집기입니다.

저는 강의에서 소개한 편집기를 사용했는데, 'Atom' 이외에도 다양한 HTML 편집기가 있으니 본인에게 잘 맞는 편집기를 선택하시면 될 것 같아요!

[ Atom 설치방법 ]

1) Atom 홈페이지에 접속해주세요.

→ https://atom.io/

A hackable text editor for the 21st Century

 

2) 다운로드 버튼을 눌러주세요.

홈페이지에 들어가자마자 찾을 수 있는 Download 버튼을 눌러서 다운로드를 해주면    됩니다!

개인의 컴퓨터 운영체제에 맞는 버전의 Atom 프로그램을 설치해주세요.

이제 HTML을 시작 할 준비가 모두 되었습니다.

 

* 팁!

HTML으로 웹을 생성하게 되면 많은 파일이 생성되기 때문에 앞으로 만들게 될 웹 전용 폴더를 미리 만들어두시면 좋을거 같아요!

 

 

3. HTML 시작하기

---

HTML 언어의 근본이자 중요한 문법인 '태그'에 대해 간단히 정리하고 이번 게시글을 마무리하려고 합니다.

 

태그란?

태그는 HTML의 기본 단위로, <>로 시작해서 </>로 끝냅니다.

예를 들어, <h1>HTML</h1> 이런 식으로 <> 안에 명령어를 넣고 원하는 내용을 작성한 다음 </> 안에도 명령어를 넣어서 문장을 닫아주면 됩니다.

이 태그 문법으로 HTML의 모든 언어를 구사하게 됩니다. 정말 간단하죠??!

 

---

 

오늘은 HTML을 시작한 첫 날이기 때문에, HTML을 간단하게만 살펴보았습니다.

앞으로 이렇게 공부한 내용을 정리해보는 시간을 가지려고 해요!

제가 web 공부에 더욱 열심히 임하고, 저의 글로 많은 분들께 도움을 드리는 활동이 되었으면 좋겠습니다.

감사합니다. 😚