-
HTML 수업 01 - HTML의 기본Tech/Reviews 2017. 4. 4. 20:27
HTML
HTML은 웹페이지를 제작할때 메인으로 사용되는 언어로써, 1990년대부터 사용되어 왔습니다. 가장 최신 버전은 HTML 5입니다.
가장 기본적인 HTML 사용 구조
1. 브라우저가 서버에 요청을 보낸다
2. 서버는 브라우저의 요청에 대한 응답을 다시 보낸다
3. 받은 응답을 브라우저가 표기한다
HTML에 대해 자세히 알려면
HTML은 W3C(World Wide Web Consortium)에 의해 제작되었습니다. 그래서 W3C 홈페이지에 가보면 HTML5에 대한 자세한 정보를 얻을 수 있습니다. 하지만 초보라면 들어가보지 않는 것이 더 나을수도 있습니다. HTML에 대한 거부감만 생길테니까요.
HTML 태그
HTML은 태그로 시작해서 태그로 끝난다고 해도 과언이 아닙니다. 꺽세 모양의 괄호가 태그인데요, <p> ... </p> 가 그 예시입니다.
HTML 페이지 구조
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
HTML 타입의 파일임을 나타내주는 태그 이후에 머리(head) 부분과 몸통(body) 부분이 나타납니다. 아주 기초적인 예시 웹 페이지의 코드는 아래와 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>My web title</title>
<meta name="author" content="MacKer">
</head>
<body>
<h1>My web header</h1>
<p>This web page is so awesome</p>
</body>
</html>
H1 과 P 태그
h1 태그는 heading 1을 의미합니다. p 태그는 paragraph을 의미합니다.
head 태그
head 태그 사이에 들어가는 내용은 대부분 웹 페이지에 '보여지는' 것이 아닌 웹 페이지의 '정보'를 나태내는 것입니다. 위 예시에서는 웹 페이지의 제목과 작가(author)에 대한 정보를 나타냈고, meta 정보나 style 정보도 표기될수 있습니다. style에 대한 내용은 나중에 더 자세히 알아보겠습니다.
HTML 에디터
시장에는 수많은 HTML 에디터가 있습니다. 사실 윈도우의 메모장이나 macOS의 텍스트 에디터만 있어도 HTML을 편집할수는 있습니다. 하지만 HTML 전용 에디터들은 HTML을 보다 편하게 편집할수 있게 해주는데요, 이 차이가 생각보다 꽤 큽니다.
