Front-end/HTML
HTML - HTML5 개요 및 기본 환경 설정
giggs
2021. 12. 16. 17:34
BOOK : 모던 웹을 위한 HTMl5 + CSS3 바이블
웹의 역사
ARPANET은 시간이 지나면서 두 가지 용도로 나뉨
ARPANET(민간 연구용) / MILNET(군사용)
팀 버너스 리
- 웹 브라우저로 보고 있는 웹 개발
- 하이퍼링크 개념 바탕으로 1991년 World Wide Web 배포 / 인기를 끌자 소스 코드 전체 공개
- W3C(World Wide Web Consortium) 재단 창설-> 웹 표준을 지정하는 기관이며 HTML 표준을 제정하는 단체
플러그인
c++, 액션스크립트
↓
웹 2.0 시대
액티브엑스, 웹 애플리케이션
↓
WHATWG
2004년 HTML5 표준 제정
2016년 마이크로소프트의 인터넷 익스플로러 10 이하의 버전 지원 중단-> 11 버전으로 강제 업데이트
-> 그 결과 HTML 본격적으로 사용할 수 있는 환경 구축
Visual Studio Code 설치 및 환경 설정
- Visual Studio code 설치하기 : http://code.visualstudio.com
- 한국어 설정하기 : ctrl+x : Korean language pack 설치 후 재시작
HTML 페이지 생성하고 실행하기
- HTML5 입력 후 선택 Enter : 기본적인 형태가 자동 완성 기능으로 만들어짐
- 간략하게 수정하여 저장하기
- 저장한 파일 실행
- ctrl+shift+i [검사]
용어 정리
Wolrd Wide Web : WWW
Internet : 전 세계를 연결하고 있는 국제 정보통신망
웹 : 그 위에서 작동하는 서비스
하이퍼링크 : 인터넷 공간 안에서 문서가 서로 이동할 수 있는 새로운 개념의 방법
Review
학습한 내용의 필기를 복습 의미로 정리 작성하였다.
웹의 전반적인 발전 과정을 알 수 있었고,
예전 컴퓨터로 졸라맨과 벽돌 부수기를 하던 때가 생각났었다.
코드 작성 프로그램을 깔아서 비록 자동완성 기능이었지만
실제로 입력해보고 저장하고 실행해서 인터넷 페이지로 나타나게 해 보니
흥미롭고 신기하고 다른 기능들로 더 꾸며보고 싶은 생각이 들었다.
Hello HTML5...!