오늘은 WEB SERVER 구축을 해보도록하겠습니다
-WEB의 개요
*세계 최초의 웹사이트 info.cern.ch
팀 버너스리(1989년)
*세계 최초로 움직이는 화면을 구현
Java aplet과 Hotjava
Sun MircroSystems(1995년)
web 1.0시대
Web Browser ->HTTP Request
HTTP Response<- Web server
web 2.0시대의 개막
Web Browser ->HTTP Request
<-interface->
HTTP Response <- Web server
CGI 탄생
Web Browser ->HTTP Request ->invoke application
HTTP Response<- Web server HTML code <-Application
-WEB server 구축
client :
- 웹 브라우저 : chrome
Server :
- Apache 웹 서버
DB :
-My sql DBMS
Web application :
- PHP
*HTML(Hyper Text Markup Language)
- markup : <...>
- 언어라고 볼 수 없다.
- 문서의 구조를 표현
- 문서: 제목 , 본문 , 표, 그림
!언어의 필수요소 :분기, 반복
!html은 이런 요소가 없어서 언어라고 보긴 어렵습니다.
!HTML5 표준에서는 javascript를 표준에 포함시키면서 이 문제를 해결합니다
1989년도에 웹이 제일 처음 발표
팀 버너스리에 의해서 콘소시엄이 만들어집니다.(w3c)
html1 ~ html4(1997년) -> html5 (2014)
ex)
1.html 문서의 기본구조
- 태그(element/요소)와 속성으로 이루어져 있습니다.
- 태그 : <...>
1).tag
<tagname> contents </tagname>
<tagname /> : self closing
2). 기본구조
<!doctype html>
<html>
<head></head>
<body>
</body>
</html>
계층구조를 가지고 있습니다
최상위 구조:<html>
그 아래 하위 구조:<head> ,<body>
<head> : 화면에 보여지지 않는내용
<body> : 화면에 보여지는 내용
*계층구조는 들여쓰기로 표현합니다
3). 문서를 표현하는 기본적인 태그들
블록기반의 태그, 인라인 태크 ,....
1. 글자 : 제목, 본문(단락)
- heading : <h1> ~ <h6>
ex)
!속성
- 글로벌 속성: 모든 태그에 동일하게 적용되는 속성
- 태그별 속성: 태그에 종속적인 속성
- 스타일 속성: 내용에 대한 스타일
- 이벤트 속성: 이벤트를 다루기 위한 속성
- paragraph : <p>
ex)
<br> 줄바꿈 태그 문장끝에 붙이면 됩니다.
- div : <div>
2.목차
1) 정렬된 목차: ordered list
-<ol>
ex)
2) 비정렬된 목차 : unordered list
-<ul>
ex)
3)아이템:목차안에 들어가는 내용(list item)
-<li>아이템</li>
*정렬된 리스트 안에 비정렬된 리스트를 넣을 수도 있습니다.
ex)
*Apache 설치
#>yum install -y httpd.i686
#>service httpd start
#>cd /var/www/html
#>vi sample.html
이렇게 윈도우에서 웹브라우저로 볼 수 있습니다.
나머지는 내일 이어서 하겠습니다
읽어주셔서 감사합니다.
'Security > Web' 카테고리의 다른 글
| [WEB SECURITY]6. PHP (0) | 2017.08.17 |
|---|---|
| [WEB SECURITY]5.Javascript 2 와 PHP (0) | 2017.08.16 |
| [WEB SECURITY]4.Javascript (0) | 2017.08.14 |
| [WEB SECURITY]3.HTML와 JAVASCRIPT (0) | 2017.08.11 |
| [WEB SECURITY]1.CentOS 6 설치 및 기본 설정 (0) | 2017.08.09 |
