01. Basic HTML 시작

HTML5

Pixabay로부터 입수된 b3nj5m1n님의 이미지 입니다.

안녕하세요~ 오늘은 현재 공부 중인 HTML을 정리를 해볼까 합니다!
제가 HTML에 관하여 작성하면서 참고한 서적과 자료는 총 3개 입니다!

  1. HEROPY Tech님의 온라인 강의
  2. Do it! HTML+CSS+자바스크립트 웹표준의 정석(고경희)
  3. 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> : 실제로 웹 브라우저 화면에 나타내는 내용의 영역을 가리키는 태그
절대적인 초보자는 반응을 배운다
git 원격 창고에 업로드 - 오류 보고![rejected] master -> master (non-fast-forward)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage