HTML 웹 화면 만드는 방법

웹화면 만들기

HTML을 가장 빨리 습득할 수 있는 방법은 html파일을 만들어 보고 실행 시켜 보는 것 입니다.

HTML 코딩을 위한 다양한 에디터들이 나와 있지만, 어디서나 실습이 가능한 윈도우 메모장을 이용하여 만들어 보는 방법을 알아보도록 하겠습니다.

메모장 실행

윈도우키 + R 버튼을 누르면 실행 창이 나타납니다.

'notepad' 라고 입력하고 엔터키를 누르면 메모장이 실행 됩니다.

(실행 아이콘을 찾아 클릭하는 것 보다 단축키와 실행창을 이용하여 프로그램을 실행 시키는 것이 편할 때도 있습니다.)

실행창

HTML 코딩

다음과 같이 메모장에 코딩을 해 봅니다.

<!DOCTYPE html>

<html>

<head>

  <title>테스트</title>

</head>

<body>

  <h1>HTML 실습</h1>

  <div>

    <p>HTML 파일 작성 실습 입니다.</p>

  </div>

</body> 

</html>

메모장

HTML 파일 저장

파일 형식(확장자)을 html 로 하여 파일을 저장 합니다.

파일이름을 파일명.html 로 입력 해 주고 저장합니다.

파일저장

파일실행

파일을 더블클릭하여 실해하여 웹화면에서 결과를 확인 합니다.

실행된모습

HTML, JavaScript, CSS, Java 등 어떤 코딩언어라고 가장 빠르게 학습할 수 있는 방법은 실습입니다.

HTML을 처음 접하시는 분들이라면 간단하지만 꼭! 필요한 메모장으로 웹 화면 만들기에 도전 해 보세요.