[HTML]HTML에 대해서 알아보자. HTML개요.

안녕하세요. '즐거운 코딩 생활' 입니다.

 

'즐거운 코딩 생활'  은 '꿈꾸는 판다' 블로그의 프로그래밍 언어 관련 카테고리에서 사용하는 부 캐릭터 입니다. 
'즐거운 코딩 생활' 은 프로그래밍 언어 초심자를 위한 쉬운 내용과 함께 하는 공부를 표방합니다.

오늘은 HTML 첫 번째 시간으로 HTML이 무엇인지 알아보고 기본적인 구조에 대해서 살펴보도록 하겠습니다.

HTML개요

 

- HTML은 무엇인가요?

 - HTML 은 하이퍼텍스트 마크업 언어(Hyper Text Markup Language)의 약자입니다.

 

  하이퍼텍스트란? 한 문서에서 다른 문서로 바로 접근할 수 있는 문서를 말합니다.

  즉, 아래와 같이 링크를 타고 접근 할수 있는 문서를 말합니다.

  >>꿈꾸는 판다 메인 화면 가기

 지금 이 블로그도 html으로 작성되어 있는데 이 문서에서 이 블로그 메인으로 가는 것도 하이퍼텍스트입니다. 위 링크는 아래와 같은 Html 로 작성되어 있습니다.

<a href="https://pandajeytv.tistory.com/">꿈꾸는 판다. 메인 화면 가기</a>

  마크업 언어란? 태그를 사용하는 언어로서 즉, 꺽쇠기호 '<', '/>'를 사용한 언어를 말합니다.

 

  즉, HTML을 문자 그대로 해석하면 태그를 사용하여 문서간 이동이 자유로운 언어라고 할 수 있겠지요.

  실제로 HTML이 인터넷에서 활용된 초창기에는 텍스트 문서의 열람과 문서 간 이동이 자유로운 링크가 기능의 대부분을 차지 했습니다.

  그런데 HTML의 정의를 묻는다면 '월드 와이드 웹(W3)에서 웹 문서를 기술하기 위한 마크업 언어의 한 종류'로 인터넷에서 주로 사용되는 웹 언어라고 말할 수 있습니다.

 

 

HTML의 역사와 표준

 - HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었고 W3C(World Wide Web, WWW 또는 W3) - 월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직 - 에서 표준과 가이드라인을 개발하는데 현재 최신 버전은 2017년 12월 17일에 출시된 Html5.2 버전입니다. 

 

 

HTML 기본

  1. 요소(Element)

    : 요소란 시작 괄호(<)와 종료 괄호(>) 사이에 존재하는 모든 것을 말합니다.

     보통 태그와 혼용하여 많이 사용합니다. 

     예) <p> HTML 개요 </p>

       => p 요소라고도 하고 보통 p태그라고도 한다.  

  2. 속성(Attribute)

    : 요소 안에서 설정 역할을 하는 것이 속성입니다. 한 요소 안에는 여러 가지 속성을 가질 수 있습니다.

     예) <a href="나의 홈페이지 웹사이트 주소"> 나의 홈페이지 </a>

        위 예제에는 a 태그 속에 속성이 하나 있는데 href 이 속성명이고 그에 해당되는 속성 값은 "나의 홈페이지 웹사이트 주소"입니다.

  3. HTML 기본구조  

    : HTML 문서는 아래와 같은 기본 구조를 가지고 있습니다.

DOCTYPE 선언 : 사용항 HTML의 종류를 선언
Html태그 : HTML문서의 최상위 요소, Root요소라도도 함
  Head태그 :문서 제목, 키워드 관련 요소
  Body태그 : 내용을 기술하는 부분, 실제 화면에 나타나는 부분

 

 

마무리

  - HTML을 공부한다는 것은 Html의 기본적인 구조와 요소(태그), 속성의 사용법을 익힌다는 것입니다.

   따라서 여러분들이 Html  문서를 많이 작성해보면서 Html로 작성한 문서가 요소와 속성에 따라 화면(브라우저)에 어떻게 보이는지를 익숙하게 알게 되고 또한,  Html 문서를 새로 작성 시 어떤 요소와 속성을 사용하면 되겠다는 것을 쉽게 알아차릴 수 있게 된다면  Html을 잘 안다고 자신 있게 말할 수 있는 것입니다.

 모든 언어가 마찬가지이지만 프로그래밍 언어도 그 문법과 사용법을 많이 접해보는 것이 아주 중요합니다.

  

 다음 시간에는 Html 문서의 기본적인 요소를 알아보고 간단한 샘플을 작성해 보도록 하겠습니다.

 

 감사합니다.

 

※ 참조 목록 

- 위키백과

- '30일 레슨으로 쉽게 배우는  HTML5&CSS3 웹 표준 디자인 강좌 - Akemi Kusano 지음, 김선숙 옮김, 영진출판사 '

- '쉽고 자세한 HTML & JavaScript - 나윤지, 이법기, 고일석 공저, 도서출판 혜지원'