HTML
HTML 이란?
HTML(HyperText Markup Language)은 우리가 흔히 아는 C언어, Java, Python등과 같은 개발 언어 중 웹 사이트를 만드는 언어이다.
다만 프로그래밍 언어가 아닌 웹 사이트를 구성하는 마크업 언어로 취급 받는다.
또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.
그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.
HTML의 특징
HTML은 두가지의 중요한 문법을 가진다.
- 태그(Tag)
HTML문법 중 가장 기초적인 문법으로 <>을 사용하여 나타낸다.
주로 여는 태그와 닫는 태그로 이루어져있으며 닫는 태그의 경우 /를 포함한다.
태그 사용의 예를 들면 다음과 같다.
<u>HTML<strong>(HyperText Markup Language)</strong></u>
위 코드는 간단하게 HTML(HyperText Markup Language)라는 문장에 밑줄을 긋고 (HyperText Markup Language)를 강조한다는 뜻이다.
이러한 방식으로 사용하며 예시와 같이 중첩으로 사용이 가능하다.
- 속성(Attribute)
속성은 태그만으로는 전달할 수 있는 정보가 부족할 경우 사용하는 문법이다.
예를 들어 이미지를 삽입하는 태그를 사용할때 이미지의 위치정보를 제공한다던가 웹 페이지에서 링크를 걸때 연결할 페이지의 주소를 전달한다던가의 용도와 같이 사용된다.
주된 사용방식은 아래와 같다.
<a href="sample">Example comman</a>
위 예시 코드는 a 태그를 이용하여 링크를 넣는 코드인데 이때 href 속성을 사용함을 볼 수 있다.
HTML의 구성
HTML또한 구성을 가진다. 이때 정해진 구성을 이루기 위한 태그들이 존재한다.
- title
일반적으로 해당 태그를 사용하지 않고 작성된 문서를 웹 브라우저에서 열게 되면 웹 페이지의 이름이 HTML 문서 명과 같음을 볼 수 있다.
때문에 해당 태그를 이용하여 웹 페이지의 이름을 바꾸어 주어야 한다. 웹 페이지의 이름은 검색엔진이 검색시 가장 중요하게 여기는 정보이기 때문에 바꾸어 주는 것이 좋다.
- meta
해당 태그는 HTML 문서의 부가적인 정보를 전달하기 위한 태그이다.
예시를 들자면 가끔 HTML문서를 웹 브라우저로 열게 되면 한글이 깨지는 경우가 발생한다.
이는 HTML문서와 웹 브라우저 사이의 인코딩 차이로 발생하는데 이때 meta 태그로 해결이 가능하다.
meta 태그를 이용하여 HTML 문서의 부가정보를 웹 브라우저에 전달하여 해결하는 것이다.
- head/body
HTML의 개발자들은 HTML문서의 본문과 본문을 설명하기 위한 부분을 분리했다.
본문의 내용은 <body>로 둘러싸고 본문을 설명하는 내용은 <head>로 둘러싼다.
- html / !DOCTYPE
!DOCTYPE 태그는 해당 문서의 타입을 정의할때 사용한다.
html태그는 HTML문서의 처음과 끝을 나타내며 앞선 내용들의 부모 태그로 사용되어 문서를 구조화 시킨다.