HelloWorld

[HTML] HTML이란

프로그래밍 언어/HTML

HyperText  : 하이퍼텍스트를 특징으로 하는

Markup  : 마크업이라는 형식을 가진

Language  : 프로그래밍 언어

 

한마디로 HTML이란 웹페이지를 만드는 코드입니다.

웹페이지를 만들기 위해서는 에디터가 필요한데, 각자의 운영체제에는 기본적으로 제공되는 에디터가 존재합니다.

Windows사용자는 메모장, MAC사용자는 텍스트 편집기가 있습니다.

 

저는 텍스트편집기를 활용해서 아주 간단한 웹페이지를 만들어 보겠습니다.

텍스트 편집기 or 메모장을 실행해 줍니다.

 

 

아무 내용이나 입력해줍니다. 저는 'Hello World!!' 라고 입력하겠습니다.

 

 

입력이 완료됬으면 저장해줍니다. HelloWorld.html이라는 이름으로 데스크탑(바탕화면)에 저장하겠습니다.

파일이름의 확장자는 반드시 .html 로 지정해줍니다.

텍스트 인코딩은 UTF-8로 설정해야 한글이 깨지지 않습니다.

 

 

저장한 파일을 실행해보면, 좀 전에 작성한 내용이 웹브라우저(익스플로러, 크롬, ···)를 통해서 출력되는 모습을 볼 수 있습니다.

 

 

웹페이지는 이처럼 텍스트편집기나 메모장과 같은 기본프로그램을 사용해도 되지만, 앞으로는 좀 더 편리하게 사용하기 위해 개발도구를 사용하도록 하겠습니다.

개발도구에는 Sublime Text, ATOM, notepad++, EditPlus, ··· 등 다양하게 존재합니다.

저는 Sublime Text를 이용할 것 입니다.

https://www.sublimetext.com

 

Sublime Text - A sophisticated text editor for code, markup and prose

Goto Anything Use Goto Anything to open files with only a few keystrokes, and instantly jump to symbols, lines or words. Triggered with Ctrl+P⌘+P, it is possible to: Type part of a file name to open it. Type @ to jump to symbols, # to search within the fil

www.sublimetext.com

 

 


 

 

HTML강의 내용은 생활코딩사이트를 참조하였습니다. 더 구체적인 설명이 필요하시면 생활코딩사이트를 이용해주세요.

https://www.opentutorials.org/course/2039

'프로그래밍 언어 > HTML' 카테고리의 다른 글

[HTML] <!DOCTYPE>  (0) 2019.08.29
[HTML] HTML문서의 구조  (0) 2019.08.29
[HTML] 리스트와 태그의 중첩  (0) 2019.08.29
[HTML] 하이퍼텍스트와 속성  (0) 2019.08.29
[HTML] HTML의 기본 문법  (0) 2019.08.29