[웹 기초] HTML 정의와 기본 개념

HTML이란? 

Hyper Text Markup Language, 즉 HyperText(웹 페이지에서 다른 페이지로 이동하는) 기능을 가진 문서를 만드는 언어이다. 쉽게 말하자면 웹 문서의 구조와 골격을 정의하는 마크업 언어라 할 수 있다. 

 

교수님께서는 '종이에 인쇄하는 것

을 예쁘게 프린트하듯(예를 들어 목차의 양식은 이렇게, 줄간격은 이렇게 등등) 웹에서도 화면에 디스플레이하는, 인쇄하는 표시를 위한 명령어라고 하셨다 ~ 

출처 : https://ko.wikipedia.org/wiki/HTML5

HTML을 이해하기 위해서는 웹 페이지에 대해 알아봐야한다. 

웹 페이지란

월드 와이드 웹 상에 존재하는 각각의 문서를 가르킨다. 월드 와이드 웹은 이 글을 보는 모두가 알 것이라 생각한다. 이 또한 웹이기에..! 

하지만 정확한 정의를 찾아보면 "인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간"이다. 그리고 간단히 말하자면 웹(Web)이라 불린다~ 

 

웹은 인터넷 상에서 그림,소리,영상, 텍스트와 같은 멀티미디어정보를 하이퍼링크 시스템을 통해 연결하며 이 모든것을 꾸리는 것이 바로 HTML이다 !! 

---

HTML 기본 용어 

HTML에 대해 배웠으니 코딩에서 중요한 용어 배워보자 ! 

 

요소 (Element)

: HTML 문서나 웹 페이지를 이루는 개별적인 요소, 쉽게 태그의 시작-종료 조합 그 전체라고 생각하면 된다. 

 

태그 (Tag)

: HTML을 기술하기 위해 사용하는 명령어이다. 여는태그<명령어이름>- 닫는태그</명령어이름>로 구성되며 예외적인 경우도 있다. 콘텐츠를 감싸며 콘텐츠를 정의하는 용어라고 생각할 수 있다. 

태그는 따로 정리해나갈 예정이다! 

 

속성 (Attribute)

: 태그 안에 키와 값으로 구성된 항목

<p class ="editor-note">I love you to moon and back</p>

위 예시와 다른 점 하나를 발견할 수 있다. 바로 class="editor-note", 이것이 바로 속성이다~!