#5 HTML코딩과 실습환경 준비 - <WEB1-HTML & Internet>

출처 : https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91/featured

생활코딩

 

 

 

 

요약 :

 

HTML 코딩을 위해 필요한 것들

1. 웹 브라우저

2. 코드 작성 프로그램 -> Editor

 

 

코드를 작성하는 데 최적화 되어있는 전문적 도구. 에디터.

생활코딩님은 ATOM 사용.

 

 

 

 

 

에디터를 통해서 HTML 파일을 만들 것이고

그 결과를 웹 브라우저로 출력할 것이다.

 

1. 'Web'이라는 디렉토리를 바탕화면에 생성.

2. 에디터로 '폴더열기'

3. '1.html' 파일 만들기 -> .html : 확장자 => Web이라는 디렉토리 안에 1.html이라는 파일이 생겼다.

 

 

 

보통 웹페이지를 연다고 하면

주소창에 주소를 입력했을 것이다.

 

그 이유는 내 컴퓨터가 아닌 주소에 해당되는,

다른 컴퓨터에 저장되어 있는 웹 페이지를 읽는 것이기 때문.

 

 

 

단축키 Ctrl+O 를 통해서 웹 브라우저와 같은 컴퓨터에 있는 파일 열기.

 

 

 

 

 

에디터를 통해 1.html 파일에 'hello web'이라고 입력한 뒤

단축키 Ctrl+S 를 통해서 저장.

Ctrl+O를 통해서 열기.

 

웹 페이지를 만들었고

만든 웹 페이지를

웹 브라우저로 실행한 것이다.

 

 

 

 

 

느낀점 : 

 

아직은 간단해서 쉽고 재밌다.

강의 구성도 뭐랄까 귀엽다.