Information Security
2 웹 기초 프로그래밍(HTML) 본문
웹 기초 프로그래밍(WEB 2.0)
필요한 기술
-클라이언트 쪽 언어: HTML, Javascript
-서버 쪽 언어: PHP
-DB : MySQL
1. HTML(HyperText Markup Language)
-<태그>를 사용하는 markup 언어
-분기, 반복, 함수 같은 개념이 존재하지 않기 때문에 엄밀하게 언어라고 할 수는 없다.
-문서에 대한 구조를 정의한다.
WEB 2.0
-플래시(액션 스크립트)
-Active X
-자바(애플릿)
-Javascript
-비주얼 베이직 스크립트
-> 과거 HTML을 동적으로 사용하기 위하여 필요
WEB 3.0
-HTML 5 발표
-분기, 반복 등을 처리할 수 있는 Javascript를 표준으로 설정
(Ajax, Jquery, node.js 등의 자바스크립트 관련 라이브러리 발표)
-의미론적인 웹
2. 환경 구성
-HTML 문서를 공유하기 위해서는 서버가 필요하다.
아파치 웹 서버(httpd)를 설치한다.
웹 서버 동작 확인 (웹 브라우저에 나의 IP 주소 검색)
-웹 브라우저를 통하여 웹 서버에 접속하면 아파치 사용자의 권한을 가지게 된다.
-아파치 사용자의 홈 디렉터리는 /var/www이다.
메인 설정 파일에서 문서에 대한 홈 디렉터리가 /var/www/html인 것을 확인할 수 있고, 변경도 가능하다.
문서에 대한 홈 디렉터리에 파일을 생성
웹 브라우저에서 파일의 내용을 확인할 수 있다.
3. html 문서의 기본 구조
<!--주석-->
3-1 태그
-여는 태그(begin/opening) : <tag name>
-닫는 태그(end/closing) : </tag name>
-문서의 형식을 나타 낸다.
1) 제목 태그(heading)
<h1>제목</h1>
...
<h6>제목</h6>
2) 본문/단락 태그 : p(paragraph), div, span, ...
<!DOCTYPE html>
웹 브라우저에 HTML5 문서임을 알린다.
<br>
-개행 태그
-self closing. <tag name> or <tag name/>
웹 브라우저에서 파일의 내용 확인
3-2 속성(attribute)
-여는 태그에 지정
-속성 값을 통해서 세부적인 내용을 변경
1) 일반적인 속성
-태그에 종속적인 속성
-태그마다 속성이 다르다.
2) 글로벌 속성
-태그와 상관없이 어떠한 태그든 사용 가능한 속성
-스타일 속성
3) 이벤트 속성
-글로벌 속성
-태그별로 이벤트를 지정
'Web Hacking > Web 기초' 카테고리의 다른 글
| 6 데이터베이스 (0) | 2017.11.17 |
|---|---|
| 5 PHP + form 태그를 통한 데이터 전달(GET/POST) (0) | 2017.11.16 |
| 4 Javascript (0) | 2017.11.14 |
| 3 HTML 문서에서 사용되는 대표적인 태그 (0) | 2017.11.14 |
| 1 가상 머신 생성 및 설정 (0) | 2017.11.11 |
