안녕하세요!

FE 개발자 유진주입니다.

Web/HTML

생활코딩 WEB1-HTML 14강~20강

ypearl 2022. 3. 28. 16:44

14강 HTML 태그의 제왕

HyperText(링크)

<a>: anchor의 약자. 링크 태크

*h(hypertext, 링크)+ref(reference, 참조)

<!doctype html>
<html>
<head>
	<title><a>태그 예제</title>
    <meta charset="utf-8">
</head>
<body>
<h2>숙명여자대학교<h2>
<p><a href="https://www.sookmyung.ac.kr/sookmyungkr/index.do" target="_blank" title="숙명여자대학교 홈페이지">
</body>
</html>

 

 

15강 웹사이트 완성

<!doctype html>
<html>
<head>
	<title><a>태그 예제</title>
    <meta charset="utf-8">
</head>
<body>
	<h1>숙명여자대학교</h1>
    <ul>
    	<li><a href="https://www.sookmyung.ac.kr/sookmyungkr/1037/subview.do">컴퓨터과학전공</a></li>
        <li><a href="https://www.sookmyung.ac.kr/sookmyungkr/1038/subview.do">소프트웨어융합전공</a></li>
        <li><a href="https://www.sookmyung.ac.kr/sookmyungkr/1033/subview.do">IT공학전공</a></li>
    </ul>
</body>
</html>

unorder list에 <a>태그 활용해 링크 걸기
링크 이동 화면

 

 

16강 원시웹

인터넷과 웹이 어떻게 세상에 등장하게 되었나?

(*인터넷 != 웹)

1990.11 세계 최초의 웹 브라우저인 Word Wide Web 등장

1990.12 웹 서버 info.cern.ch

http://info.cern.ch/  -> 웹의 메소포타미아

 

 

17강 인터넷을 여는 열쇠 : 서버와 클라이언트

웹 브라우저 --- 정보 요청 ---> 웹 서버

                <--- 정보 응답 ---

   client                                server

 

첫째, 자신의 컴퓨터에 웹 서버를 직접 깔아서 하는 방법.

둘째, 이런 일을 대행해 주는 업체한테 맡기는 방법.

 

 

18강 웹호스팅 : github page

 

 

19강 웹서버 운영하기