이번 글에서는 HTML 전반에 대해서 간단히(?) 얘기해보려고 한다.
HTML 이란?
web과 html
- 웹 사이트 > 웹 페이지 > HTML + CSS + JS
먼저 HTML에 대해 다루려면 WEB이 무엇인지부터 알아야 한다. 웹이란, 인터넷으로 연결된 웹 사이트들을 통해 정보를 교환하는 기술을 말한다. 원래 WEB이라는 게, 연구소에서 문서 보는 용도로 만들어졌다고 한다. 그러니 대충 말한다면, 다른 사람의 문서(웹 사이트)를 인터넷을 통해 볼 수 있는 기술인 것이다.
그리고 이러한 문서, 즉 웹 사이트는 여러 웹 페이지로 구성되는데, 이러한 웹 페이지의 골격을 결정하는 핵심 구성요소가 바로 HTML이다.
한편, 웹 페이지의 구조를 HTML이 구성한다면, 웹 페이지의 스타일링(꾸미기)은 CSS가 담당하며, 동적인 작용은 Javascript가 담당한다.
HTML 구조
HTML의 구조는 크게 요소(element)와 속성(attribute)로 나눌 수 있다. 먼저 Element부터 살펴 보자.
HTML Element
1. tag
html에서 요소는 거의 태그의 의미로 사용된다. <title></title>이런 형태로 쓰여서 웹 페이지의 구조를 설명해준다. 예를 들어,
- <title></title> : 브라우저에 표시되는 제목이다.
- <h1~6></h1~6> : 헤딩이다. 소제목들.
- <p></p> : paragraph. 단락을 표시하는 태그이다.
등등 더 다양한데, 굳이 외울 필요는 없는 것 같다. 필요할 때마다 검색해서 찾아보면 충분하다.
2. content
한편, 태그 사이에 들어가는 content도 html element의 일부다.
HTML Attribute
html 속성이란, html 태그 안에 넣어서 추가 기능을 부여하는 것이다. 그리고 속성의 값은 따옴표로 감싸야 하는데, 스타일 가이드상 쌍 따옴표가 권장된다.
No Responses