Recent Posts
Link
250x250
오늘보다 더 나은 내일의 나에게_
비전공자의 IoT 국비 교육 수강일지 Day_25 본문
728x90
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)
: 공통적으로 사용되는 태그
728x90
'비전공자의 코딩일지' 카테고리의 다른 글
비전공자의 IoT 국비 교육 수강일지 Day_27 (0) | 2022.01.25 |
---|---|
비전공자의 IoT 국비 교육 수강일지 Day_26 (0) | 2022.01.24 |
비전공자의 IoT 국비 교육 수강일지 Day_21~24 (0) | 2022.01.20 |
비전공자의 IoT 국비 교육 수강일지 Day_20 (0) | 2022.01.14 |
비전공자의 IoT 국비 교육 수강일지 Day_19 (0) | 2022.01.13 |
Comments