웹과 HTML
1. 웹(Web)이란?
웹은 인터넷에 연결된 사용자들이 서로 정보를 공유할 수 있는 서비스. 이를 통해 텍스트, 그림, 영상 등의 정보를 제공할 수 있음.
2. 웹의 동작원리
인터넷은 요청(request)와 응답(response) 구조로 웹 페이지 코드가 서버(server)에서 클라이언트(client)로 전달됨.
이때 HTTP 통신 규약으로 전달되는 문서가 하이퍼텍스트 양식으로 되어있음. 하이퍼텍스트는 하이퍼링크를 통해 유저가 한 문서에서 또 다른 문서로 접근할 수 있게 하는 텍스트! 하이퍼텍스트에 HTML이라는 마크업 언어가 사용됨.
여기서 마크업 언어는 태그를 이용하여 문서나 데이터의 구조를 명시하는 언어!
결국 웹 페이지를 만들기 위해서는 HTML을 꼭 알아야 함.
3. HTML이란?
HTML은 하이퍼텍스트를 마크업하는 언어로 웹 페이지의 구조를 만들 때 쓰는 언어. 프로그램 자체를 만들 수 없음(프로그래밍 언어 x)
웹 페이지의 기본 뼈대를 만드는 언어!
4. HTML의 기본 구조
<! DOCTYPE html> 1️⃣
<html>
<head> 2️⃣
<meta charset= "utf-8">
<meta http-equiv = "X-UA-Compatible" content = "IE=edge">
<title> my first page</title> 3️⃣
<meta name ="description" content = "" >
<meta name = "viewport" content="width = device-width, initial-scale = 1">
</head>
<body>
<p> Hello world!</p>
<body>
</html>
+) 주석 처리하는 법: <!-- 쓸 말-->
1️⃣ <! DOCTYPE html> : 모든 HTML 문서가 시작될 때의 선언문
2️⃣ head 태그 : 웹 페이지에 표시되지는 않지만 페이지 정보를 제공
3️⃣ title 태그 : html 문서 제목 표현 -> 웹페이지 상단 타이틀 생성
4️⃣ meta 태그 : 데이터를 설명하는 데이터인 메타 데이터를 알려주는 태그 (간단하게 정의하면 정보를 알려주는 태그)
<meta charset= "utf-8"> : 문서에서 허용되는 문자 표시 (utf-8로 전세계 모든 언어 사용가능)
<meta name ="description" content = "" > : name은 메타 요소가 어떤 형태의 정보를 지니는지,
content는 실제 메타 데이터의 요소
+) 태그(tag) : HTML에서 웹 문서에 정보를 지칭하는 형태로 태그로 데이터를 감싸서 데이터 형식과 의미를 브라우저에 알려줌
HTML 태그:
<html> - html 태그 시작
<head>
</head> -html 태그
<body>
</body> -html 문서
</html> -html 태그 끝
/가 들어가면 끝을 나타내는 건가?