HTML Introduction

Background Knowledge

인터넷 : 컴퓨터가 연결되는 네트워크 체계 (웹이 개발되기 전부터 존재)

사람들은 문서교환이 효율적으로 이루어지길 바랐고 웹문서를 쉽게 주고받는 시스템인 웹을 개발

즉 웹은 컴퓨터를 거미줄처럼 연결하여 컴퓨터들 사이에서 웹문서를 보다 쉽게 공유하기 위해 개발된 것

쉽게 말해 인터넷을 고속도로로 비유한다면 웹은 고속도로를 이용하는 물류산업

World Wide Web : 전 세계에 있는 네트워크에 연결된 시스템을 통해 정보를 공유할 수 있는 정보 공간

W3C(팀 버너스리)가 1989에 개발 및 배포, 1991에 HTML 표준을 제안

Uniform Resource Locator : 정보가 들어있는 웹페이지의 위치를 나타내는 주소

→ 기본적으로 ‘통신 규칙://인터넷 호스트 주소/경로 이름’

HTTP (Hyper Text Transfer Protocol)
인터넷에서, 웹 서버와 사용자의 인터넷 브라우저 사이에 문서를 전송하기 위해 사용되는 통신 규약
데이터에 대한 전송과 요구·응답에 대한 수정 등 가공된 정보를 포함하는 프로토콜
이 통신 규약 뒤에는 콜론(:)을 붙이고, 그 뒤로 도메인 네임이나 IP 주소를 더 써야 하는 경우에는 슬래시 두 개 (//)
서버이름 (도메인 or IP주소)
www.un.org은 인터넷 사이트의 도메인 네임
우리가 원하는 정보가 un이라는 이름을 가진 서버(또는 컴퓨터) 안에 들어있기 때문에 그곳에 접속하겠다는 의미
IP주소란?
웹서버가 실행중인 컴퓨터의 주소 (웹브라우저가 웹서버에 연결하려면 알아야 함)
→ 웹브라우저와 웹서버는 IP주소를 이용해서 연결하기 때문에 도메인 이름을 IP주소로 변환할 필요가 있는데 , 이때 사용하는 것이 DNS(domain name server)
경로, 자원이름
웹 페이지의 상세주소

웹은 컴퓨터의 기능을 서버와 클라이언트 두 가지로 나눈다

→ 한 번의 HTTP세션 동안 하나의 파일만 전송된다. 즉 10개의 이미지를 가진 페이지를 출력하기 위해서는 11번의 통신을 수행해야 한다.

웹사이트 : 웹서버에 있는 데이터들의 집합체 (웹문서, 웹 응용 프로그램, 데이터, 데이터베이스 등)
웹 페이지의 3대 구성요소 : HTML (웹 페이지의 구조와 내용), CSS (웹 페이지의 모양), Javascipt(웹 페이지의 동적 변경 및 응용프로그램 작성)
웹사이트 구축 : 웹서버로 사용할 컴퓨터에 웹서버 소프트웨어를 설치하고 웹페이지(웹문서)와 데이터 저장, 데이터베이스 설치, 웹 응용프로그램을 개발하여 설치하는 행위

웹 서버 소프트웨어는 브라우저의 요청을 해석하여 요구에 따른 웹문서를 전달하거나 응용 프로그램을 작동후 실행결과를 전송한다. 주로 apache사에서 만든 apache가 많이 쓰인다

웹 서버 응용 프로그램은 웹사이트에서 로그인을 한다거나, 검색, 지도를 출력 같은 다양한 서비스를 제공하는 목적으로 개발하는 것

웹의 비 표준을 지양하고 지능적이고 실행 가능한 웹 구현을 위해 탄생한 차세대 웹 표준 기술

<!DOCTYPE html>
declaration defines this document to be HTML5
This represents the document type, and helps browsers to display web pages correctly
It must only appear once, at the top of the page (before any HTML tags)
<html>
the root element of an HTML page
<head>
meta information about the document (contain metadata)
<title>
specifies a title for the document
<body>
contains the visible page content