본문 바로가기
스터디/HTML & CSS

HTML 이란?

by Baekee 2021. 9. 4.
HTML 이란?

 

Hyper Text Markup Languae의 약어

팀 버너스리가 개발한 웹페이지를 작성하기 위한 언어

글과 이미지를 나타낼 수 있으며, 태그(Tag)를 사용하여 웹 페이지를 디자인하는 마크업 언어(프로그래밍 언어X)

제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공

웹 브라우저를 통해 구현된 웹 페이지를 볼 수 있음(HTML의 경우, Interpreter(In browser(브라우저))에 해당)

.html 확장자로 표시됨

 

    * 마크업 언어 : 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지

    * 프로그래밍 언어 : 컴퓨터 시스템을 구동시키는 소프트웨어(프로그램)을 작성하기 위한 형식 언어

 

 

HTML 버전

 

1991 : HTML을 시작으로 HTML 4.0, 4.01
                   

2000 : XHTML 1.0, 1.1, 2.0(사장됨)
          (XML 사용 회사 : W3C(WWW(World Wide Web) 컨서시움), Extensible HTML, XML + HTML)
           Ref. XML : 체계적이고 구조적, 환경설정 혹은 자료 전송 시 사용
                   Ex) Web Programming, Spring Programming

                       <body>
                       <title>뭐 먹을까</title>
                       <h1>12000</h1>
                       </body>

                       &gt 변수명 => greater than
                       &amp 변수명 => &

 

2012 : HTML 4.0에서 확장된 HTML5 대두, 최종버전 완성됨
                    (audio / video / 지도 / websocket)

                   버전 Flow : HTML 4.0 4.01 ->  XHTML 1.0 1.1 ->  HTML5
                                    <br>                    <br />              <br>
                                                                                     <br />

           Ref. 장애인 차별 금지법(장차법)... 300이상 기업에서
                 2000년 XHTML 같이 시작됨

 

- HTML은 대/소문자를 구분하지 않음

- 태그(Tag) 사용 시, 시작태그(<>) 와 종료태그(</>)가 있으므로 주의!

  단, 종료태그(</>)가 없는 빈 태그도 있음

     Ex) <br>

          <hr>

          <img>

- tab키를 활용하여 태그(Tag) 자동생성 가능

 

Tip 크롬에서 에러 확인 방법

페이지 실행 후
      마우스 오른쪽 클릭 - 페이지 소스 보기 / 검사 => 엑스박스 확인
[구글 크롬 마우스 오른쪽 버튼 클릭]
[페이지 소스 보기]

[검사]

 

출처 : 위키백과

        TCP School

댓글