웹화면 만들기


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

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


  메모장 실행

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

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

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

실행창


  HTML 코딩

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

1
2
3
4
5
6
7
8
9
10
11
12

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

Posted by 행복한 유유로그

댓글을 달아 주세요

  1. 공수래공수거 2018.05.10 09:03 신고  댓글주소  수정/삭제  댓글쓰기

    오 따라 해 보았더니 되는군요
    다음 실습 또 올려 주세요^^

  2. 로샤씨 2018.05.10 10:18 신고  댓글주소  수정/삭제  댓글쓰기

    오오 HTML을 공부할때 도움이 많이 되겠네요!! 감사해요^^

  3. 김양 2018.05.10 11:49 신고  댓글주소  수정/삭제  댓글쓰기

    한번 해봐야겠어요!!!