본문 바로가기
개발

[Web] HTML(Hypertext Mark-up Language)

by 마스터누누 2017. 4. 18.
728x90
반응형

HTML(Hypertext Mark-up Language)




1. HTML이란?





HTML을 설명하기 앞서 먼저 우리가 사용하는 웹페이지의 동작과정에 대해 알아보도록 하자

우선, 웹은 크게 클라이언트와 서버의 두파트로 나뉘어진다. 

클라이언트는 우리가 흔히 사용하는 PC이다. 이 PC에서 웹 서버로 요청을 보내게 되는 것이다. 

서버에서는 이러한 요청을 받아 페이지를 찾고, 응답하게 된다.

이런 일련의 과정을 통하여 우리가 보는 웹페이지가 브라우저에 뜨게 되는것이다.


HTML은 Hypertext Mark-up Language의 약자이다.

이것이 뜻하는 바가 무엇인지 알아보면 HTML에 대한 이해가 더 쉬울것이다..






- Hypertext : 쉽게 말해 문서 사이의 링크라고 할수 있다.

우리가 네이버 등에서 텍스트를 클릭하면 다른 페이지로 전환이된다.

이것은 네이버 메인페이지와 전환되는 페이지와의 링크로써 연결이다.

Hypertext를 통하여 쉽게 웹페이지 전환이 가능해진다.

중요성을 강조하자면, 링크는 HTML의 본질이며, HTML의 본질은 웹이 본질이다.

즉 HTML의 우선순위 1위는 Hypertext로 구현된 링크라고 할수 있다.







- Mark-up Language : HTML의 주요 기능중 TAG를 뜻한다.

옷에 있어서 TAG는 옷에 대한 정보를 소비자에게 알려준다.

HTML에서 TAG는 코드에 대한 정보를 브라우저와 사용자에게 알려준다

<~> 내용 </~>

보통 다음과 같은 형태를 가지며 앞쪽을 시작태그, 뒤쪽을 끝태그라고 부른다.




2. HTML 속성


 

앞서 말한 HTML의 주요 기능 중 TAG를 몇 가지만 살펴 보도록 하자.


<a> 태그 : 링크 태그이다.

-> 링크의 경우 자주 사용하므로 한글자, 알파벳상으로도 첫번째이다.(중요도 높음)


이러한 태그는 태그와 내부의 속성, 값으로 나태낼수 있는데 예를들어

ex) <a href = "http://www.naver.com"> 네이버 </a>

의 형태와 같다.

여기서 a가 태그, href(hypertext reference)가 속성, "~"의 내용이 속성값이 된다. 


또한 태그는 중첩이 가능한데,



위와 같은 태그 내부에 또 다른 태그가 담기는 것이 그 예라고 할 수 있다.




3. 추가적으로 HTML에 대하여


HTML은 초기에 공식적인 기구 없이 생성되었지만, 웹의 확장에 따라 그 수요가 많아졌다.

따라서 표준화를 위하여 w3c(www consortium)라는 기구가 출범하게 되었다.

w3c의 의장은 HTML의 개발자인 팀 버너스리 이다.

w3c에 참여하고 있는 여러 기업들을 멤버라고 칭하는데, 이 멤버들은

HTML의 발전을 위하여 기능을 추가하거나 삭제하는 것에 대한 의견으로 표준화를 정립하는데 도움을 준다.

흔히 알려진 삼성 MS 애플 구글 등의 기업이 w3c의 멤버이다


또한, 태그에 대한 레퍼런스는 다음에서 찾을수 있다


http://opentutorials.org/course/1058


해당 내용의 출처는 다음과 같다.


https://www.inflearn.com/course/%EC%9B%B9%EC%96%B4%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98-%EA%B0%95%EC%A2%8C/





반응형

'개발' 카테고리의 다른 글

[Web] CSS(Cascade Style Sheet) - 1  (0) 2017.04.18
[Web] ATOM 에디터  (0) 2017.04.18
[Web] Mac Bitnami 설치  (0) 2017.04.18
[네트워크] HTTP의 기초 - 4  (0) 2017.04.18
[네트워크] HTTP의 기초 - 3  (0) 2017.04.18

댓글