01 HTML 기초 다지기
1) HTML과의 첫 만남
자신이 사용하고 있는 웹 브라우저가 HTML5를 얼마나 지원하고 있는지 아는 방법
The HTML5 test - How well does your browser support HTML5?
The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5?
html5test.com
2) 웹 브라우저와 웹 편집기
기본적으로 위에 사진에 나와있는 Live Server만 다운 받아도 사용 가능하지만 이외에도 코딩을 도와주는 다양한 확장 기능들이 존재한다.
밑에 나와있는 기능들은 이전에 c++로 알고리즘을 공부하기 위해 비쥬얼 스튜디오 코드를 쓸 때 다운받아 뒀던 것들인데 이 참에 소개하겠다.
3) HTML 기본 문서 구조
● 태그는 <와 >를 이용해 구분합니다
● 태그는 소문자로 씁니다
● 여는 태그와 닫는 태그를 정확히 입력합니다
● 태그는 속성과 함께 사용할 수 있습니다
HTML 문서에는 반드시 필요한 구조
● <!dctype html> - 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻입니다
●<html> ~ </html> - 웹 문서의 시작과 끝을 나타내는 태그입니다. 웹 브라우저가 <html> 태그를 만나면 </html>까지의 소스를 읽어 HTML 문법에 맞추어 브라우저에 표시합니다
●<head> ~ </head> - 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분입니다. 여기에 있는 정보는 실제 문서 내용이 아니기 때문에 문서 제목만 브라우저 창에 표시되고 나머지는 웹 브라우저 화면에 표시되지 않습니다. 스타일 및 스크립트 등이 포함되기도 합니다.
●<body> ~ </body> - 실제로 웹 브라우저 화면에 나타날 내용입니다. 앞으로 우리가 공부하게 될 HTML태그들은 대부분 <body> 태그 안에 들어갑니다.
4) 웹 문서 만들고 업로드하기
호스팅 서버 준비하기
