비전공자의 IoT 국비 교육 수강일지 Day_25

Web

인터넷 - 전 세계를 연결하고 있는 통신망(해저케이블로 연결)

웹 - 통신망 위에서 작동하는 서비스

 

web의 역사

1960 - 미국 국방성 ARPANET : 인터넷의 시초

1974 - TCP/IP 개발

1990 - 유럽입자물리연구소 팀 버너스 리 'web' 발명(이후 HTML)

1993 - 최초의 웹브라우저 모자익 개발

 

웹 2.0시대

다른 사용자가 함께 새로운 콘텐츠를 창조할 수 있게 된 시대

 

 

Web을 뒷받침하는 기술의 발명

Web Client

> 클릭한 페이지를 요청하는 PC

네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터

 

Web Server

> 클린 된 페이지를 제공받는 PC

클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터

 

 

 

Protocol

: 컴퓨터들 간의 원활한 통신을 위해 지키기로 약속한 규약

 

HTTP(Hyper Text Transfer Protocol)

:하이퍼텍스트를 기반으로 데이터 전송하는 프로토콜

요청/응답(request/response) 방식으로 동작

 

---

HTML(Hyper Text MarkUp Language)

웹페이지에 정보를 담아 표시하기 위한 마크업 언어

 

Hyper Text
: 현재 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트

MarkUp Language
: 어딘가에 Mark! 즉, 표시를 해두는 것

 

HTML의 구성요소

<p> Hyper Text MarkUp Language </p>
시작 태그     content(내용)          끝 태그

=> 요소(Element)

 

body태그 속성

속성	설명
background	배경 이미지 지정
bgcolor	배경색 지정
text	글꼴 색 지정
link	링크 색 지정
vlink	방문했던 링크 색 지정
alink	링크를 클릭하는 순간의 색 지정

 

 

제목 태그

<h> 제목 </h>

:html문서 본문 내 제목을 표현하는 태그(h1~h6)

 

---

글자 태그

<p> 본문 </p>
: 본문의 내용을 단락으로 표현할 때 사용하는 태그


<span> 본문 </span>
: 본문의 내용을 문장으로 표현할 때 사용하는 태그

문장으로 표현 -> 내가 넣은 콘텐츠만큼만을 영역으로 차지 어떤 특징도 가지고 있지 않은 '공 태그'>> 일반 text로는 특정 글자에 접근할 수가 없다

<b> 텍스트 </b>
: 다른 텍스트와 구별할 때 사용하는 태그

<strong> 텍스트 </strong>
: 중요한 문구를 강조하는 태그

 

br태그

: 줄바꿈을 하는 기능 (break)

단순히 기능만을 하기 때문에 끝태그 없이 사용(홀태그)

 

 

hr태그 : 수평선 태그

 

---

 

리스트 태그

<ul>(unordered list)
: 번호 없는 목록을 사용할 때 사용하는 태그

<ol>(ordered list)
: 번호 있는 목록을 사용할 때 사용하는 태그

<li>(list item)
: 공통적으로 사용되는 태그