HTML5
안녕하세요~ 오늘은 현재 공부 중인 HTML을 정리를 해볼까 합니다!
제가 HTML에 관하여 작성하면서 참고한 서적과 자료는 총 3개 입니다!
- HEROPY Tech님의 온라인 강의
- Do it! HTML+CSS+자바스크립트 웹표준의 정석(고경희)
- HTML5+CSS3+Javascript 웹 프로그래밍 (황기태)
그럼 하나 하나 처음부터 정리해보도록 하겠습니다!
HTML(HyperTextMarkupLanguage)
HTML은 하이퍼 텍스트 마크업 랭귀지라고 하는데 영어로 보면 이해가 안되요!
1990년에 팀 버너스리라는 물리학자가 정의한 것으로 표준화된 태그로 웹페이지를 작성하는 언어
그 이후로 HTML1, HTML2, HTML3 HTML4가 나오면서 비표준화 된 기술로 인하여 호환성이 엄청 안좋아
W3C와 하이퍼텍스트 워킹 그룹에서 공동으로 HTML5 표준을 재정하였구요!
앞으로 여러분들이 공부할 HTML언어가 HTML5 입니다!
- HiperText : 문서를 서로 연결해주는 링크
- Markup : 표시한다
- Language : 언어
- 기본기능은 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크하는 것
HTML5 TAG
HTML은 태그 문법을 사용하여 코딩을 작성 합니다!
위의 그림과 같이 <> 꺽새가 바로 태그 입니다!
HTML5는 기본적으로 여는 태그 <>와 닫는 태그 </>로 구성되어 있습니다!
그리고 태그를 또 다르게는 엘리먼트(Element)라고도 부르니 알아두시면 좋아요!
HTML 구조 파악!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
Contents
</body>
</html>한 줄 한 줄 알아가 보도록 하죠!
<!DOCTYPE html>: 웹 문서의 유형을 지정하는 선언문이며, html은 HTML5를 가리킵니다!<html></html>: HTML 웹 문서의 시작과 끝을 나타내는 태그<head></head>: 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력하는 영역을 가리키는 태그<body></body>: 실제로 웹 브라우저 화면에 나타내는 내용의 영역을 가리키는 태그
아직까지는 코린이!