HTML 공부 1일차 : HTML이란?

안녕하세요. 행쿼 입니다.

오늘부터 HTML 공부를 시작해보려고 합니다.

저는 HTML의 정의도 모르는 비전공자입니다.

아마 공부하는 과정이 쉽지는 않겠지만,

기초부터 천천히 공부해보려고 합니다.

오늘은 HTML을 본격적으로 공부하기에 앞서

HTML의 기본 개념과 구조, 특징을 공부해 보겠습니다.

저는 길벗 출판사의

"코딩 자율학습 HTML + CSS + 자바스크립트 - 저자 : 김기수"

책을 구매하여 공부했습니다.

---

HTML이란?

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

Hyper Text란 '초월하다'라는 뜻을 가진 hyper와 '문서'를 뜻하는 Text가 합쳐진 단어로, 링크를 의미합니다. 웹 페이지 내에서 하이퍼링크를 통해 다른 웹 페이지로 이동하거나, 다른 위치로 스크롤하거나, 관련 문서로 이동하는 등의 기능을 구현할 수 있습니다.

Markup은 태그를 이용하여 문서의 제목, 본문, 사진, 링크 등의 정보를 표시하는 것입니다. HTML은 마크업 단어로서, 텍스트에 태그를 사용하여 문서의 구조, 서식, 콘텐츠 등을 정의합니다. 즉, HTML이란 하이퍼텍스트를 생성하고 표시하기 위한 마크업 언어로서, 웹페이지의 구조와 내용을 정의하는 데 사용됩니다.

 

HTML의 구성 요소

HTML은 태그, 속성, 속성값등의 요소로 구성됩니다. <태그명 속성명 = 속성값>

태그는 다양한 구성 요소를 생성하고 구조를 정의하는 역할을 하며, HTML 문법을 이루는 가장 작은 단위입니다. 홑화살괄호(<>) 사이에 태그명을 입력합니다.

속성은 태그에 어떤 의미나 기능을 보충하는 역할을 합니다. 속성은 사용해도 되고, 안 해도 되고, 여러 개를 사용해도 되지만 태그 없이 단독으로는 사용할 수 없습니다. 속성은 '속성명'과 '속성값'으로 구성됩니다.

주석은 HTML 코드에서 설명이나 메모를 작성하는 데 사용됩니다. 주석은 웹브라우저에는 표시되지 않으며, 코드의 가독성을 향상하고 다른 개발자와의 협업에 유용합니다. '<!--'와 '-->' 사이에 작성됩니다.

 

HTML의 문법

HTML은 태그와 속성으로 문법을 구성하며, 문법은 크게 '콘텐츠'가 있는 문법과 없는 문법으로 나뉩니다.

콘텐츠가 있는 문법은 콘텐츠를 앞에 넣는 '시작 태그(open tag)'와 뒤에 넣는 '종료 태그(close tag)'로 감쌉니다. 시작태그와 종료 태그, 콘텐츠를 합쳐서 요소라고 합니다.

콘텐츠가 없는 문법은 시작태그만 단독으로 사용 됩니다. 그래서 내용이 비어 있다는 의미로 빈 태그라고도 합니다.

 

---

오늘은 HTML 공부를 본격적으로 시작하기에 앞서

기본 개념과 구성, 문법에 대해 알아봤습니다.

다음 시간에는 HTML의 기본 구조와 몇가지 태그에 대해

알아보겠습니다.