부모-자식 태그
<어쩌구>
<저쩌구>저쩌구 태그는 어쩌구 태그의 자식관계, 어쩌구 태그는 저쩌구 태그의 부모관계
많은 경우 부모-자식 관계는 자유롭게 바뀔 수 있음
하지만 특수한 경우 부모-자식 관계가 고정되는 경우가 있음
특히 ul태그는 자식태그를 li태그는 부모태그를 필수적으로 가져옴
ul태그는 글머리기호 리스트, ol은 숫자글머리 리스트
<title></title> - 페이지 이름
<meta charset='utf-8'> - 페이지의 문자 코드를 utf-8 형식으로
<head>-본문 형식 설명
<body>-본문 내용
head, body태그는 기본적인 약속
<html>-html임을 선언
<!doctype html>
<a>-하이퍼링크 태그
인터넷 : 전자통신 시스템
웹 : pc를 통해 정보를 표현한 상태
인터넷 + 웹 -> 상호확산
서버 : 코드(웹브라우저)를 저장하고 있는 컴퓨터, 정보를 응답
클라이언트 : 코드를 실행하는 컴퓨터, 정보를 요청
서버와 클라이언트는 인터넷을 통해 정보(웹 etc)를 주고받는다
웹서버를 통해 내가 만든 웹페이지를 전세계에서 볼 수 있게!
1. 웹서버 만들기 : 어려움, 컴퓨터에 대한 이해 상승!
2. 웹호스팅 맡기기 : 쉬움, 배울게 적음
웹호스팅 해보기 -> 직접 웹서버 만들기
github를 이용하면 서버에 코드를 저장하기 쉽다 + 웹호스팅 할 수 있다
깃허브 페이지 기능 이용해보기!
setting->source->none을 main으로 설정
action에서 build아래 주소를 통해 접근가능
live server를 이용해서 웹서버 운영하기
"C:\Users\코딩용계정\OneDrive\바탕 화면\새 폴더\WEB with egoing\index.html" -> 브라우저가 컴퓨터에 저장된 파일을 직접 열었을 때 주소
"http://127.0.0.1:5500/index.html" -> 웹서버를 통해 접근했을 때 주소(웹서버를 끄면 접속 안됨)http(HyperText Trasnfer Protocol)://127.0.0.1(Internet Protocol Address=ip address):500(Port)/index.html
HyperText Trasnfer Protocol : 하이퍼텍스트를 전송하는 통신규약
IP Address : 인터넷 통신에서 사용하는 주소
127.0.0.1 : 자기자신의 주소를 가르키는 것으로 약속한 주소
Port : 웹브라우저가 접근해야하는 서버 통신 주소
웹브라우저와 웹서버가 서로 다른 컴퓨터에 있을 때
같은 네트워크상에 존재하면서, 같은 ip address를 알 수 있다면 ip address다음 Port주소를 입력
