-
HTML에 대한 이해_210406(화)HTML&CSS 2021. 7. 21. 23:34
HTML 에 대한 이해
WHY
HTTP:// www.naver.com을 쳤을 때 어떤 과정으로 어떤 결과가 나오는지 알아야 html을 이해할 수 있다.
"index.html"
네이버 주소를 쳤을때 네트워크에 열어달라는 리퀘스트를 보내고 IDC center Server라는 DNS Server에서 호출이 되는데 이런 규약들을 HTTP이라고 한다.
DNS Server: 168.126.68.~~(IP,한국통신)
왜 네트워크는 네이버로 안가고 IDC center Server로 가서 호출? : IDC center Server에 우리나라의 모든 사이트 주소가 있다.
ex) 내가 보낼 편지의 주소(네이버 주소)를 쓰고 우체국(DNS Server)에서 주소로 보내준다
네이버 -- request --> 네트워크 --> DNS Server -->네이버주소 (먼저 포트번호(집 비밀번호)로 방화벽을 통과하여 주소를 알아낸다.//해커들은 이 포트 번호를 알아내서 작업한다) --> respond: index.html부터 뒤지고 못찾으면 default.html을 찾아 나오게 해준다
이상이 왜 html을 만드는지의 이유이다.
HOW
어떻게 서비스를 하겠는가?
WEB Server 제공
"IIS(인터넷 정보 서비스)" : m.s(마이크로소프트)
myPC(한개의 아파트에 여러 호수들): web(기본포트번호 '80'), mail, DB(포트번호는 db프로그램에 따라 다름) 를 사용중
web서버 담당자, db서버 담당자
html5에 db를 연결할려면 jsp를 배워야한다.
jQuery가 javaScript를 기반으로 하기 때문에 javaScript를 잘 배워야한다.
html을 상호작용하게 만드는 것이 javaScript와 jQuery이다.
+ emmet 사용법
1234567891011<body><h1>javascipt</h1><!-- > 하위: div>ul>li*5 --><!-- + 형제: div>p+span --><!-- () 그룹: div>(a>img)*3 --><!-- . 클래스 이름 div.class --><!-- # 아이디이름 div#id --><!-- $ 클래스 넘버링 ul>li.item$*5 --><!-- {} 적용받는 텍스트 div.xxx{홍길동} --></body>cs 'HTML&CSS' 카테고리의 다른 글
css태그정리:transition등_210402(금) (0) 2021.07.21 css태그정리:transform등_210401(목) (0) 2021.07.21 css태그정리:포지셔닝_210331(수) (0) 2021.07.21 css태그정리_210330(화) (0) 2021.07.21 HTML강의(visual studio code), 기초태그_210329(월) (0) 2021.07.21