start

1. HTML

  1) HTML 문법 - 속성 (attribute)

    -tag가 tag의 이름만으로는 정보가 부족할때 의미를 부과하는 것

    ex)<img src="coding.jpg" width="100%">'

    (상호 위치는 상관없음)

 

  2) tag

    <ol> = ordered list (순서의 나열 목록)

    <ul> = unorderd list (순서를 나열하지 않은 목록)

 

    결과 - file:///C:/Users/%EC%9C%A4%EC%97%AC%EB%B9%88/Desktop/web/1.html

    추천사이트 - goolgle 이미지사이트: unsplash 

 

2. 웹이 정보를 주고 받는 원리

 

  1) 웹호스팅(WEB hosting) 

    : 웹서버를 운영하기 위한 컴퓨터(host)를 빌려주는 것 

    ex)Git Hub : 홈페이지를 운영할 수 있는 Web sever를 제공해줌

 

    ① web hosting process

      Git Hub - new repository - repository name - Check initialize this repository with a readme - create repository 

      - upload files - choose files - commit changes - settings - GitHub pages - None -> master branch 

 

추천 검색어 - free static web hosting

추천 서비스

https://www.bitballoon.com/

http://neocities.org/ 

Amazon S3

Google Cloud Storage

Azure Blob

 

결과 - https://yooncoding1.github.io/web1./index.html

참초 - https://opentutorials.org/course/3084/18891

 

 

  2) 자신의 컴퓨터에 web server 프로스램 설치

    : bitnami라는 프로그램을 활용하여 Apache(web browser인 내 컴퓨터에 web server를 만들게 해주는 프로그램)를
    설치

     

추천 검색어 - how to install apache http server window

                  bitnami wamp stack

                  *bitnami install pasward "112345"

결과 - C:\Bitnami\wampstack-7.4.7-0\apache2\htdocs

참조 - https://opentutorials.org/course/3084/18893

*용어 htdocs = hyper text document : 하이퍼 텍스트 문서 : 웹페이지가 저장되어 있는곳