[HTML] HTML 시작하기

카테고리 : 프로그래밍 언어
태그: html · HTML 태그 · W3C · XHTML · DOM
등록일: 2022년 09월 01일
최근 업데이트: 2022년 09월 01일

HTML (Hyper Text Markup Langage)의 약자로 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는 데 사용됩니다

HTML 태그는 보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으로 구성됩니다.

종료 태그는 시작 태그와 전부 똑같지만, 태그 이름 앞에 슬래시(/)가 존재합니다.

태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 존재합니다.
ex)

<img /> <br />
<hr />
같은 빈 태그(empty tag)라고 합니다.

W3C는 World Wide Web Consortium의 약자입니다.

W3C는 월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관입니다.

이러한 W3C가 관리하는 대표적인 웹 표준은 다음과 같습니다.

HTML:Hypertext Markup Language의 약자로 하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어로 웹의 뼈대를 구축함
CSS:Cascading Style Sheet의 약자로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다.
DOM:문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.

이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.

SVG:Scalable Vector Graphics의 약자로 2차원 벡터 그래픽을 서술하는 XML 기반의 마크업 언어입니다. SVG는 텍스트 기반의 열린 웹 표준 중 하나로, 모든 사이즈에서 깔끔하게 렌더링 되는 이미지
XHTML: XHTML은 EXtensible HTML을 의미합니다. XHTML은 HTML과 거의 비슷하지만, 문법의 적용이 조금 더 엄격한 특징을 가지고 있습니다.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”

종료 태그가 없는 빈 태그(empty tag)는 반드시 끝에 공백과 함께 슬래시(/)를 붙여야 합니다.
비어있지 않은 요소는 반드시 종료 태그를 가져야 합니다.
요소들은 반드시 열린 순서대로 닫혀야 합니다.
태그에는 반드시 alt 속성이 기술되어야 합니다.
모든 텍스트(text)는 반드시 태그로 감싸야 합니다.
태그 이름이나 속성 이름에는 반드시 소문자만을 사용해야 합니다.
속성값 생략이 없어졌으므로, 반드시 속성값을 명시해야 합니다.
XML:EXtensible Markup Language의 약자로 XML은 HTML처럼 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달할 목적으로만 만들어졌습니다. 또한, XML 태그는 HTML 태그처럼 미리 정의되어 있지 않고, 사용자가 직접 정의할 수 있습니다.

DONGNYEONG FRONTELIO