HTML을 하기전에 간단히 용어부터 알아보자.
클라이언트(Client)/ 서버(server)
- 클라이언트(Client) : 정보/서비스를 요청하는 PC (네트워크로 연결된 서버로 부터 정보를 제공받는 컴퓨터)
- 서버(server) : 정보/서비스를 제공하는 PC (클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터)
프로토콜(Protocol)
- TCP/IP : 서로 다른 시스템을 가진 컴퓨터들을 서로 연결하고 데이터를 전송하는 통신규약
- HTTP :
- 서버와 클라이언트가 인터넷 사이에 웹 문서(HTML)를 전송하기 위해 사용하는 통신 규약
- 하이퍼텍스트를 기반으로 데이터 전송 -> 링크(LINK)기반의 웹 문서 접속
- 요청/응답(request/ reponse)방식으로 동작
URL : 인터넷 주소
http(프로토콜)://www.wikibook.co.kr(정보를 가진 컴퓨터의 위치)/webtext(자원이 있는 폴더)/index.htm(자원 이름) 으로 이루어 져있다.
웹 사이트는 HTML, CSS, JS로 만들어 진다.
HTML이 content, CSS이 presentstion, JS이 Behavior이다.
HTML(Hyper Text Markup Language)
HTML: 웹 페이지에 정보를 담아 표시하기 위한 마크업 언어
Hyper Text: 현재 문서에서 다른 문서로 즉시 접근할 수 있는 덱스트
Markup: 어딘가에 Mark, 즉 표시를 해두는 거다.
HTML구성 요소
<!DOCTYPE html> : 문서 형식 정의
<head> : HTML문서의 머리글
<meta>: HTML문서의 정보정의
<title>문서제목</title> : title사이에 있는 문장이 HTML문서의 제목
</head>
<body>
환영합니다 : HTML문서 내용(텍스트, 이미지, 동영상...)
</body>
</html>
위에서 <head> </head>처럼 <head>가 시작태그 </head>가 끝 태그다. 그리고 태그 사이에 들어가는게 내용(content)이다. 그리고 압뒤 태그를 요소라고 한다.
< p align = "center"> Hello, HTML!</p>
위에서 align는 속성(attribute) "center"는 값(value)이다.
'HTML\CSS\JS' 카테고리의 다른 글
| [HTML/CSS] display속성과 margin속성 & margin 상쇄 형상 (0) | 2021.05.31 |
|---|---|
| [HTML/CSS]HTML 티스토리 작성할 때 도움이 되는 CodePen 사용법 (0) | 2021.05.30 |
| [CSS] CSS 기본구조 및 선택자 종류와 우선순위 (0) | 2021.05.30 |
| [HTML] HTML태그 정리 - 2 (0) | 2021.05.29 |
| [HTML] HTML 태그 정리 - 1 (0) | 2021.05.28 |