본문 바로가기
Web/HTML과 CSS

[HTML] HTML이란?

by 까망 하르방 2021. 3. 3.
반응형

HTML이란

웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어

 

※ HyperText : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능

기존의 텍스트가 전형적인 특징이 순서가 정해져 있다면,

하이퍼 텍스트는 순서가 정해져 있지 않고 여기저기 갈 수 있다.

 

※ Markup : 태그(tag)를 사용해 어느 부분이 제목이고 본문인지 표시하는 구조화를 의미한다.

블로그 이름은 까망 하르방이고, 블로그 주소는 https://zoosso.tistory.com/ 입니다.

 

위의 정보를 아래와 같이 표시할 수 있으며

<이름>까망 하르방</이름>

<내용>https://zoosso.tistory.com/</내용>

 

실제 태그로는 아래와 같이 표시할 수 있다.

<p>까망 하르방 <a href="https://zoosso.tistory.com/" >링크</a></p>

 

 

웹 문서(*.html 또는 *.htm)를 보는 프로그램

웹 문서를 보는 프로그램을 웹 브라우저(web browser)라고 한다.

다양한 브라우저와 브라우저를 가동하는 엔진들이 존재하며,

개발자는 주로 웹킷(webkit) 엔진을 사용하는 [Chrome Browser]를 이용.

 

실제 소스 엿보기

[크롬 브라우저] - [우클릭] - [소스보기]

<』와 >』 태그를 활용한 HTML 코드를 확인할 수 있다.

 

모바일 태블릿, TV, 냉장고와 같은 가전 제품 등 다양한 IOT 제품들이 등장했으며

이러한 기기들에 웹 사이트 정보를 제공하기 위한 웹 표준이 HTML5 이다.

 

웹 호환성 (웹 브라우저 HTML5 지원 정도)

다른 브라우저: Firefox / Internet Explorer / Edge / Opera / Safari 등이 존재하는데

웹 브라우저별 HTML5지원정도는 http://html5test.com/ 사이트에서 확인 가능

 

※ 과거 HTML은 주로 브라우저에 화면을 보여주는 역할이었지만, 현재는 브라우저가 DB를 이용할 수도 있고, 

오디오나 비디오와 같은 기능 등 보다 많은 기능이 존재한다.

(iPhone에서 플래시를 지원하지 않으면서, 이를 대체할만한 <audio>, <video>과 같은 HTML5이 관심 받음.)

 

HTML5 Spec

- 내장 DB Storage 기능

- 웹 소켓(WebSocket) 기능

네트워크 연결 없이 브라우저에서 보관된 HTML과 자원들을 실행할 수 있는 오프라인 기능

- 다른 도메인의 이미지나 파일을 읽고 쓰는 File Access 기능

- 별도 Media Player 없이 실행할 수 있는 오디오, 비디오 기능

- Flash 없이 Animation 효과를 가지는 CSS3 기능

- 모바일 크기에 맞출 수 있는 Media Query

 

※ HTML 실습을 위한 편집도구로 Visual Studio Code, Atom, Brackets, Sublime  등이 존재.

 

반응형

'Web > HTML과 CSS' 카테고리의 다른 글

[CSS] CSS 선언방법  (0) 2021.03.04
[HTML] 로렘 입숨 (Lorem Ipsum)  (0) 2021.03.04
[HTML] HTML 기본 구조  (0) 2021.03.03
HTML 태그 주석 <!-- -->  (0) 2021.02.22
[CSS] CSS 선택자  (0) 2021.02.21

댓글