HTML 이란? Hyper Text Markup Langauge 라는 뜻 입니다.
Hyper 는 문서를 연결해준다는 의미이며, 마크업은 표시한다는 뜻 입니다.
즉, 인터넷 상에서 사용되는 웹 문서를 손쉽게 연결해주며, 표시해주는 언어라는 뜻 입니다.
웹페이지는 텍스트 , 이미지, 사운드, 영상 자료등으로 이루어지죠. 이런 모든 리소스들의 표시해준다는 의미 입니다.
웹이페이지를 표시 하기위해서는 <>태그 라고 불리는 HTML 언어를 사용하여서
페이지를 구성합니다. 예를 들면 하기와 같습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>h1 이 가장 큰 제목 입니다</h1>
<h2>h2 두번째로 큰 제목 입니다</h2>
<h3>h3 세번째로 큰 제목 입니다</h3>
<h4>h4 네번째 제목 크기 입니다</h4>
<h5>h5 다섯번째 제목 크기 입니다</h5>
<h6>h6 가장 작은 제목 크기 입니다</h6>
</body>
</html>태그로 구성된 웹페이지가 브라우저에서는 하기와 같이 해석되어서 보여집니다.
텍스트 이외 이미지, 영상도 해당 태그를 사용해서 나타낼 수 있습니다.
웹 페이지를 예쁘고 동적으로 꾸미기 위해서는,
HTML 이외에 CSS 와 자바스크립트 가 필요합니다.
CSS 는 애니메이션 및 화면을 예쁘게 꾸미는 디자인 용도로 사용됩니다.
자바스크립트는 유저의 응답에 반응을 한다던지, 웹페이지 내의 이벤트 등에 반응 하기 위해서 필요합니다.
HTML+CSS+자바스크립트 3개의 구성이 조합을 이루어 오늘날 우리가 보고 있는
웹페이지가 만들어 지는 것 입니다.
참고로, HTML5 라는 용어는 2014년 11월 발표된 HTML 의 버전을 뜻 합니다
최근 대부분 브라우저에는 모두 HTML5를 지원하고 있기에 그냥 HTML이라고 표현하면 HTML5를 뜻 합니다.
대표적인 브라우저로는 크롬, 파이어폭스, 엣지 정도가 있겠습니다.
HTML 용어에 대해서 알아보았습니다.
감사합니다.
'앱 만들기 > HTML5' 카테고리의 다른 글
| <p>태그 예제 (8) | 2023.01.24 |
|---|---|
| HTML 문서의 기본 구조 (4) | 2023.01.21 |
| 비쥬얼스튜디오 코드 웹문서 실행하기 (2) | 2023.01.08 |
| HTML h 태그 란? (4) | 2022.11.15 |
| HTML 텍스트 태그 어원 (4) | 2022.11.14 |
댓글