1. HTML(HyperText Mark-up Language)
2024. 10. 24. 17:04ㆍ파이썬(python)의 HTML
* HTML 이란?
- 웹사이트의 모습을 기술하기 위한 마크업 언어입니다.
- 프로그래밍 언어가 아니라 마크업정보를 표현하는 마크업 언어로 문서의 내용 이외의 문서의 구조나 서식 같은 것을 포함합니다.
애초에 이름 HTML의 ML이 마크업 언어라는 뜻입니다.
웹 사이트에서 흔히 볼수 있는 htm이나 html 확장자가 바로 이 언어로 작성된 문서입니다.
- 최초 제안자는 CERN의 물리학자 티머시 J. 버너스리입니다.
URL, HTTP, WWW의 전신인 Enquire 등도 그가 세트로 개발하고 제안했습니다.
TCP/IP 통신규약을 만든 빈턴 G.서프(Vinton Gray Cerf)와 함께 인터넷의 아버지로 불린다.
※ 최초의 웹 사이트(1990년 제작)
https://info.cern.ch/
**인터넷(Internet)
- 인터넷은 "International Network"의 약자로, 전세계의 컴퓨터, 서버, 그리고 다양한 장치들이 서로 연결된 거대한 통신망입니다.
우리가 일상에서 사용하는 웹, 이메일, 메시징 앱 등 모든 온라인 활동의 기반이 되는 거대한 네트워크입니다.
이를 위해 각 장치는 IP주소라는 고유한 숫자를 가지고 있으며, 이 IP주소는 일종의 주소 역할을 해서, 인터넷에서
정보가 어디로 가야 하는지를 알려줍니다.
**웹(Web)
- 웹의 정식 명칭은 월드 와이드 웹(WWW)이며, 웹은 수많은 웹페이지들이 서로 연결된 거대한 네트워크입니다.
웹을 통해 우리는 웹페이지에 접속해서 정보를 보고, 검색하고, 영상을 보거나 쇼핑을 할 수 있습니다.
웹이 작동하는 방식은 간단하게 클라이언트-서버 모델이라고 할 수 있습니다.
클라이언트(사용자) : 우리가 사용하는 브라우저(예: 크롬, 파이어폭스, 사파리 등)가 클라이언트입니다.
브라우저는 우리가 원하는 웹페이지를 찾기 위해 서버에 요청을 보내는 역할을 합니다.
서버 : 웹페이지가 저장된 컴퓨터를 서버라고 합니다. 서버는 브라우저가 요청한 웹페이지 파일(HTML, CSS, 이미지 등)을
보내줍니다.
1. IP(Internet Protocol)
- IP는 인터넷에서 데이터를 주고받기 위한 규칙이나 방법을 정의한 프로토콜입니다. 여기서 IP주소(IP Address)는 인터넷에 연결된 각 장치(컴퓨터, 스마트폰, 서버 등)가 서로 통신하기 위해 사용하는 고유한 주소입니다.
IP 주소는 일반적으로 두가지 형식이 있습니다. IPv4와 더 개선된 IPv6가 있습니다.
1-1. IPv4 (Internet Protocol version 4)
-IPv4 주소는 점(dot)으로 구분된 4개의 숫자로 이루어져 있습니다. 각 숫자는 0부터 255사이의 값을 가질 수 있습니다.
-IPv4(Internet Protocol version 4)는 인터넷에서 사용되는 패킷 교환 네트워크상에서 데이터를 교환하기 위한 32비트 주소체계를 갖는 네트워크 계층의 프로토콜이다. 약 43억 개의 IP 주소를 제공할 수 있지만, 인터넷이 발전하면서 이 주소들이 거의 다 소진되었습니다.
예) 192.168.0.1, 172.217.18.46
1-2. IPv6 (Internet Protocol version 6)
-IPv6는 IPv4를 대체하기 위해 만들어진 새로운 주소 체계입니다.
-IPv6 주소는 16진수로 표현된 8개의 숫자로 이루어져 있고, 각 숫자는 콜론(:)으로 구분됩니다.
예) 2001:0db8:85a3:0000:0000:8a2e:0370:7334
IPv6는 128비트로 구성되어 있어서, IPv4보다 훨씬 더 많은 주소를 제공합니다.
현재 많은 네트워크에서 IPv4와 IPv6가 동시에 작동하도록 설정되어 있습니다. 이를 듀얼 스택이라고 하는데, 이는 한 네트워크에서 두 가지 프로토콜을 모두 지원할 수 있다는 뜻입니다. 따라서 IPv4만 지원하는 네트워크와도 연결되고, IPv6도 사용할 수 있는 환경이 만들어지고 있습니다.
| IPv4 | IPv6 | |
| 구성 | - 32비트 - 패킷 크기: 64KB로 고정 - 헤더가 가변적이다 - 8비트 씩 4부분 총 32bit |
- 128비트 -> 2^128개의 주소 표현 가능 - 패킷 헤더: 40 octect의 고정된 길이 - 16비트씩 8부분의 16진수로 표현 |
| 기능 | - 클래스 별로 네트워크와 호스트 주소의 길이가 다르다. | - 인증 및 보안 기능 - 주소 자동설정 기능을 통해 손쉽게 이용자의 단말을 네트워크에 접속시킬 수 있다 - 확장 헤더를 통해 네트워크 기능 확장이 용이 - 등급별, 서비스별로 패킷을 구분할 수 있어 품질보장이 용이 |
| 캐스트 | 멀티캐스트, 유니캐스트, 브로드캐스트 | 멀티캐스트, 유니캐스트, 애니캐스트 |
2. HTML
HTML 문서는 다음과 같은 주요 요소들로 구성되어 있습니다.
1. HTML 문서의 첫 줄에 위치하며, 브라우저에게 이 문서가 HTML5 형식임을 알려줍니다.
<!DOCTYPE html>
2. HTML 문서의 시작과 끝을 나타내는 태그로, <html>로 시작하고 </html>로 닫습니다.
<html>
<!-- 내용 -->
</html>
3. 문서의 메타정보(제목, 문자 인코딩 등)를 포함하는 부분으로, <head> 태그로 감싸여 있습니다.
여기서 사용 빈도가 높은 것은 문서의 제목을 정의하는 <title> 태그입니다.
<head>
<title>페이지 제목</title>
</head>
4. 실제 웹 페이지의 내용이 들어가는 부분으로, <body> 태그로 감싸져 있습니다.
여기에는 텍스트, 이미지, 링크, 비디오 등 다양한 콘텐츠가 포함될 수 있습니다.
<body>
안녕하세요! HTML 문서의 예시입니다.
</body>
728x90
LIST
'파이썬(python)의 HTML' 카테고리의 다른 글
| 6. HTML 방식 (2) | 2024.10.29 |
|---|---|
| 5. HTML 위치 지정방식 (0) | 2024.10.29 |
| 4. CSS 관련 모음집 (6) | 2024.10.28 |
| 3. HTML 태그 (0) | 2024.10.25 |
| 2. VS Code(Visual Studio Code) 설치 (16) | 2024.10.24 |