22. HTML - HTML이란?

1. HTML

1.HTML이란

1. html은 웹사이트에서 사용할 파일의 형식. html확장자로 구성된 문서이다.
2. HTML은 Hyper Text Markup Language의 약자로 Hyper Text는 다른 문서나 다른 사이트로 이동할 수 있는 기능을 가진 텍스트 Markup은 태그들로 HTML문서의 body부분을 채워넣는 작업을 말한다.
3. 마크업을 진행할 때는 약속된 표기법을 사용해서 진행하게 되는데 <>로 표시된 태그들을 사용한다.
4. 대부분의 태그들은 여는태그와 닫는태그 쌍으로 존재한다. <h1>내용</h1>, <h1/>, <p></p>...
5. 몇 몇 태그들은 닫는 태그가 없다. <img>, <input>...
6. 태그들은 각각의 속성이 존재하여 속성값과 함께 사용

   <img width="가로길이" height="세로길이" src="이미지경로" style="css관련 속성 ">

7. 태그안에 태그를 포함할 때는 포함관계를 명확하게 명시해야한다.

    <div>
        <a>
            <p></p>
        </a>
    </div>

8. HTML 특성상 공백이나 특수문자들이 제대로 표시가 안되기 때문에 치환할 수 있는 특수기호를 사용해서 표시
   • 공백 :  
   • <> : 태그로 인식되기 때문에 < >
   • " : "

2. HTML 문서 구조

1. !DOCTYPE, html, head, body 태그는 문서의 시작과 끝을 표시하는 태그
2. !DOCTYPE : 문서의 유형을 정의하는 태그. !DOCTYPE html => 현재 문서가 html5로 작성되는 문서라는 것을 알려준다.
3. html : 웹 문서의 시작과 끝을 알리는 태그. lang속성으로 문서에서 사용할 언어를 지정할 수 있다.
4. head : 브라우저에게 정보를 주는 태그. 웹 문서에 대한 기본 설정들을 작성할 수 있다.
5. title : 웹 문서의 제목을 지정하는 태그
6. meta : 문자 인코딩 및 문서 키워드, 요약 정보 등을 설정하는 태그
7. body : 화면에 실제로 표출되는 내용을 정의하는 부분.

3. 웹 표준

1. 웹 표준 www(Worold Wide Web) 측면에서 서술하고 있는 웹 문서의 공식 표준
2. 작성된 웹 문서가 어느 브라우저를 사용하던지 여부에 상관없이 정상적으로 작동해야 한다는 것을 의미
3. 웹 표준에 맞춰 작성된 웹 문서를 사용하게 되면 어떤 사람이 봐도 동일하게 보이기 때문에 웹 개발자나 웹 디자이너의 브라우저를 통일하지 않아도 수정이 가능하기 때문에 시간을 절약할 수 있다.
4. HTML로 작성되는 문서는 웹 표준을 지키는 것이 기본이다.

4. HTML5와 CSS3의 학습 이유

1. 최신 웹 표준에 맞는 웹 사이트 및 앱 제작가능
2. C언어, 자바 등 고급 프로그래밍언어를 사용하지 않아도 손쉽게 웹페이지나 앱을 제작할 수 있다.
3. 사용자 동작에 바로 반응하는 웹페이지를 제작할 수 있다.

5. 웹표준 검사

1. HTML문서의 웹 표준 검사
   • https://validator.w3.org/
2. CCS의 웹 표준 검사
   • http://www.css-validator.org/