Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

heenam

1. 기초사항 본문

Wep Programming/HTML5

1. 기초사항

znzltiq 2020. 5. 14. 01:50

웹에 대한 기초 사항

 WWW

  WWW(World Wide Web)은 흔히 웹이라 부른다. 세계를 뒤덮는 거미줄 이라는 의미이다.

 WWW의 동작 원리

  우리는 HTML로 웹 페이지를 작성해서 웹 서버에 놓는다. 인터넷에 연결된 수많은 클라이언트 컴퓨터는 웹 서버에서

  HTML문서를 받아서 웹 브라우저를 통하여 화면에 웹 페이지를 표시한다.

 웹 서버가 하는 일

  웹 서버가 요청을 받으면 이들 자원을 찾아서 클라이언트 컴퓨터로 보낸다.웹 서버와 클라이언트는 서로 표중 언어를

  통하여 통신하는데 바로 HTTP라는 프로토콜을 사용한다. HTTP프로토콜에서 가장 중요한 것은 특정한 파일을 요청

  하는 HTTP Request와 찾은 파일을 돌려주는 HTTP Response가 그것이다.

 HTML은 무엇인가?

  웹 페이지는 기본적으로 HTML로 작성된다. HTML은 웹 페이지를 기술하기 위한 언어이다. HTML은 마크 업 언어의

  일종이다. 마크업 언어는 텍스트에 태그를 붙여서 텍스트가 문서의 어디에 해당 하는지를 기술한 것이다.

  HTML은 태그들로 이루어진 HTML 요소의 형태로 작성된다. 태그란 <title>과 같이 꺾쇠괄호 <...>안에 위치한 단어

  이다. 태그는 요소 기술자로서, 태그로 둘러싸인 부분이 문서의 어떤 부분에 해당하는지를 나타낸다.

 웹 브라우저가 하는일

  웹 브라우저는 HTML 문서를 읽어서 눈에 보이는 웹 페이지를 만든다.

  웹 브라우저는 HTML문서에서 태그는 화면에 표시하지 않는다.

W3C

  웹에 대한 표준은 W3C라는 컨소시엄에서 만든다. World Wide Web Consortium 의 약자이다.

  https://www.w3.org/ >>홈페이지 참고

HTML5

 W3C와 WHATWG가 HTML5에 대하여 협동 작업을 하면서 다음과 같은 개발 원칙을 만들었다.

  + 새로운 규격은 HTML, CSS, DOM, javaScript 기술에 기분을 둔다.

  + 플래시와 같은 외부 플러그인을 최소화 한다.

  + 오류 처리를 향상시킨다.

  + 스크립팅을 대치할 만한 마트업을 증가시킨다.

  + 장치 독립적으로 설계한다.

  + 개발 과정이 대중들에게 투명하게 공개되어야 한다.

HTML 문서의 기본 구조

<!DOCTYPE html>
<html> <!-- 브라우저에게 이 파일의 내용이 HTML이라고 선언한다. -->

<head> <!-- 웹 페이지에 대한 정보를 저장한다.. -->
	<title> 나의 웹 페이지 </title> <!-- 브라우저 윈도우의 제목으로 표시된다. -->
</head>

<body> <!-- 브라우저 안에 표시된다. -->
	<p> Hello Web Programming World!</p> 
</body>

</html>

 요소

  요소는 시작태그와 종료 태그로 이루어진 문서의 구성 요소이다.

  요소 = (시작 태그 + 콘텐츠(요소의 내용) + 종료태그) 라고 할 수 있다. 요소가 모이면 하나의 문서가 된다. 

  요소 = <시작태그> 요소의 내용 </종료태그> 가 한 셋트!!

  테그는 서로 교차 할수 없다.

'Wep Programming > HTML5' 카테고리의 다른 글

HTML5 위치 정보와 드래그 드롭  (0) 2020.07.24
3. HTML5 멀티미디어와 입력 양식  (0) 2020.05.22
2. HTML5 기본 요소  (0) 2020.05.14