다연이네

[days01] HTML을 시작하기에 앞선 이론 본문

Web/HTML

[days01] HTML을 시작하기에 앞선 이론

　다연　 2020. 11. 30. 19:19
반응형

1. 인터넷(Internet) 
ㄱ. 세계 최대 규모의 컴퓨터 통신망


2. 웹(Web) 
ㄱ. 인터넷에서 제공되는 서비스 (문자-영상-음향-비디오정보 등)


3. 사물인터넷(IoT)
ㄱ. 사물에 센서를 부착해 실시간으로 데이터를 인터넷으로 주고받는 기술이나 환경


4. 하이퍼링크 
ㄱ. 인터넷에서 문서 사이를 쉽게 이동할 수 있는 기술


5. 웹 브라우저(Web Browser)
ㄱ. 인터넷에서 정보를 검색하는데 사용하는 응용 프로그램


6. W3C
ㄱ. 국제 웹 표준화 기구의 하나. WWW의 표준안 제작과 새로운 표준안 제안, 기술의 공유를 통해  WWW 의 기술적, 사회적 확산을 위해 구성된 전세계적 단체로 1994년 10월에 설립됐다.


7. 웹 2.0

8. 웹 동작
                                            ↙ 인터넷 ↘
 컴퓨터                                                                                       컴퓨터
 웹 서비스
 서버(서비스 제공)                                       <-요청(request)             클라이언트(서비스 제공 받음)
                                  응답(response)->
  웹서버(요청받고, 응답하는 프로그램) (웹서버는 서버에 설치)

                                                                 서버 요청 프로그램(툴) : 웹 브라우저( IE, [크롬], 사파리 등)
                                                                    종류: 아파치 웹서버
                                                                            IIS 웹서버
                                                                            우리는 아파치 톰캣

                                                                             (설치버전이 아니라 이클립스에 plug in (다운 받음)) 
   
                                                                     URI > URL (URI가 더 큰 의미)
                                                                       : 웹에서 요청하는 주소

                                                                        예) https://www.naver.com

                                                                       컨텍스트 루트(패스)

                                                                      http://localhost/webPro    /index.html
                                                                                           contenxt root(path)
                                                                                          WebContent 폴더까지 찾아진다
       이클립스에 프로젝트를 만들면 그 주소를 브라우저로 가지고 실행하면 /webPro까지 찾아짐 
   
문서
영상
이미지
파일 
등등 제공

 


9. 웹 표준 기술
ㄱ. 웹 표준 
 - 월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어.
 - 인터넷을 이용할 때 같은 웹페이지라면 [어느 브라우저]를 사용하는지 여부에 상관없이 그 웹페이지가 똑같이 보이고 정상적으로 작동해야 함을 의미
ㄴ. 웹 표준 기술 = html5 + css3 + ECMAScript

10. html5 
ㄱ. [웹 문서를 제작]하는데 쓰이는 [기본 프로그래밍 언어]
ㄴ. Hyper Text Markup(:태그) Language
11. 마크업 언어? 웹 페이지의 서식이나 구조를 표현하는 정보, 흔히 "태그" 또는 "마크업 지시자"라고 한다.

12. 태그
<시작태그> 내용 </닫기태그>
- <시작태그> + 내용 + </닫기태그> 을 합쳐서 [요소(Element)]라고 한다.
- 닫기태그가 없는 경우도 있다. 

 

13. html 문서는 .html 또는 .htm으로 저장


 14. html5 문서의 기본 구조
  ㄱ. <!DOCTYPE html>
  DOCTYPE TYPE : 문서타입(유형)에 대한 설명 태그
  문서 유형에 대해 선언한 선언문이라 한다.
  ㄴ. html 페이지의 (최상위) 루트요소
  ㄷ. html 요소의 자식 요소로 head, body 요소가 올 수 있다.
  ㄹ. body는 필수 요소이고 head는 필수가 X
  ㅁ. body 요소 = 문서의 본문을 정의한다. 모든 가시적인 내용 (content)
  ㅂ. head 요소 = html 문서에 대한 메타 정보
   head의 자식으로 
    ㅅ. meta 태그 - 메타 정보를 나타내는 요소
    ㅇ. title 태그 - html 문서의 제목을 지정하는 태그, 브라우저의 제목 표시줄이나 페이지의 탭에 표시된다.
 
 15. 

     1991 - html
     1995 - html 2.0
     1997 - html 3.2
     1999 - html 4.01
     2000 - xhtml 1.0 = xml1.0 + html4.01
     2014 - html 5
     2016 - html 5.1
     2017 - html 5.2  이 모든 것들은 W3C에서 표준화한다.
     

반응형
저작자표시 비영리

'Web > HTML' 카테고리의 다른 글

[days01] <style type="text/css">  (0) 2020.11.30
[days01] html 인용 태그(요소): blockquote, q, abbr, address, cite, bdo 태그  (0) 2020.11.30
[days01] html 서식 태그(요소)  (0) 2020.11.30
[days01] <p>단락 정의, <pre>서식이 지정된 텍스트 정의  (0) 2020.11.30
[days01] <br>개행, <hr>수평줄, <meta charset = "ko">언어선언  (0) 2020.11.30
'Web/HTML' Related Articles more
Comments