[코딩초딩을위한] HTML 웹페이지 만드는 방법(윈도우버전)

왕초보를 위한 간단한 코딩

여러분 코딩은 들어봤지만,

먼가 어려울까봐 해본적은 없으시죠?

저도 시작입니다. 왕초보끼리 같이 시작해보아요.

웹사이트를 어떻게 만드는지 모르겠는 분,

누가 무료로 가르쳐주실 분 찾는다면

저와 함께 같이 시작해보아요.

자 그럼 시작해보겠습니다.

1. 바탕화면 ‘새폴더’ 만들기

바탕화면에서 마우스 오른쪽 클릭!

‘새폴더’를 클릭해줍니다.

2. 새로만들기 – 텍스트 문서

새폴더 클릭해서 열어줍니다.

폴더 내에서 마우스 오른쪽을 클릭하여 ‘새로 만들기’를 눌러주세요.

오른쪽에 생성되는 파일들 중 ‘텍스트 문서’를 클릭해줍니다.

3. 파일명 ‘index’

파일 확장명을 체크해주지 않았을 때의 화면
파일 확장명을 체크할 때의 화면

위 새폴더의 ‘보기’ 탭에서 파일확장명을 체크했을 때는 파일명 끝에 .txt가 붙습니다.

반대로, 체크하지 않았을 때 보이는 파일명은 index만 보이는 것이죠.

생성된 텍스트 문서의 이름을 ‘index’로 변경해줍니다.

4. 메모장 내용작성

위와 같이 메모장에 “<h1>Hello World!</h1>”이라고 작성합니다.

5. 다른 이름으로 저장 – 파일명 끝 .html

파일 – 다른 이름으로 저장

5. .html 로 저장하기

파일명 끝에 있는 ‘.txt’를 지우고 ‘.html’로 수정하여 작성 후 저장해주세요.

6. index.html 이 생김

새폴더에 index.html 이라는 아이콘이 생겼습니다.

7. 인터넷 아이콘을 두번 클릭

여러분이 만든 인터넷 창입니다.

위와같이 예전에 올린 글 중에 계산기 프로그램을

만들어보았을 때와 같은 내용입니다.

그러나 쫌 더 쉬운 방법으로 접근해보았습니다.

“<h1> 내용작성 </h1>” 이렇게 작성됩니다.

쉽죠?

따라하기만 하면 모두다 할 수 있습니다.

저도 여러분과 같은 상황에서 시작을 했습니다.

다음 진도도 계속 같이 나가보죠.

현재 현미래님이 진행하고 있는

코딩챌린지 많은 관심 부탁드립니다.

51 thoughts on “[코딩초딩을위한] HTML 웹페이지 만드는 방법(윈도우버전)”

  1. I was very pleased to find this web-site.I wanted to thanks for your time for this wonderful read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you blog post.

    응답
  2. It?¦s really a cool and useful piece of info. I am happy that you shared this helpful information with us. Please keep us up to date like this. Thanks for sharing.

    응답
  3. I do accept as true with all the concepts you’ve offered for your post. They are very convincing and can certainly work. Nonetheless, the posts are too short for novices. May just you please prolong them a bit from next time? Thank you for the post.

    응답
  4. Greetings from Florida! I’m bored to tears at work so I decided to browse your blog on my iphone during lunch break. I enjoy the info you provide here and can’t wait to take a look when I get home. I’m amazed at how quick your blog loaded on my mobile .. I’m not even using WIFI, just 3G .. Anyways, very good blog!

    응답
  5. What i do not realize is in truth how you are no longer actually a lot more smartly-favored than you may be now. You’re so intelligent. You recognize therefore significantly in terms of this subject, made me in my opinion imagine it from numerous various angles. Its like women and men don’t seem to be interested except it is something to do with Woman gaga! Your personal stuffs outstanding. Always deal with it up!

    응답
  6. F*ckin’ remarkable issues here. I’m very happy to look your post. Thank you so much and i’m taking a look forward to contact you. Will you please drop me a mail?

    응답
  7. I think other site proprietors should take this website as an model, very clean and great user genial style and design, as well as the content. You’re an expert in this topic!

    응답
  8. What is Lottery Defeater Software? Lottery Defeater Software is a plug-and-play Lottery Winning Software that is fully automated. Kenneth created the Lottery Defeater software. Every time someone plays the lottery, it increases their odds of winning by around 98.

    응답
  9. What Is LeanBiome?LeanBiome is a natural weight loss supplement that reverses bacterial imbalance in your gut microbiome with the help of nine science-backed lean bacteria species with Greenselect Phytosome, a caffeine-free green tea extract crafted with patented

    응답
  10. I’m extremely impressed with your writing skills and also with the layout on your blog. Is this a paid theme or did you customize it yourself? Either way keep up the excellent quality writing, it’s rare to see a nice blog like this one nowadays..

    응답
  11. I carry on listening to the news lecture about receiving boundless online grant applications so I have been looking around for the most excellent site to get one. Could you tell me please, where could i find some?

    응답
  12. Admiring the dedication you put into your site and in depth information you offer. It’s good to come across a blog every once in a while that isn’t the same out of date rehashed material. Wonderful read! I’ve saved your site and I’m adding your RSS feeds to my Google account.

    응답
  13. Hello there, simply became aware of your weblog thru Google, and located that it is really informative. I am going to be careful for brussels. I will appreciate if you continue this in future. Many people will probably be benefited from your writing. Cheers!

    응답
  14. I have been absent for some time, but now I remember why I used to love this website. Thanks, I will try and check back more often. How frequently you update your site?

    응답
  15. Thanks for a marvelous posting! I definitely enjoyed reading it, you might be a great author.I will be sure to bookmark your blog and will often come back sometime soon. I want to encourage continue your great posts, have a nice holiday weekend!

    응답
  16. The very crux of your writing while sounding agreeable initially, did not really work well with me after some time. Someplace throughout the sentences you were able to make me a believer but only for a while. I still have got a problem with your leaps in logic and you would do nicely to fill in those breaks. In the event you actually can accomplish that, I could surely be fascinated.

    응답
  17. Hi there, just became alert to your blog through Google, and found that it’s truly informative. I am gonna watch out for brussels. I will appreciate if you continue this in future. A lot of people will be benefited from your writing. Cheers!

    응답
  18. I am really loving the theme/design of your blog. Do you ever run into any browser compatibility problems?

    A couple of my blog audience have complained about my blog not
    operating correctly in Explorer but looks great in Firefox.
    Do you have any solutions to help fix this problem?

    응답
  19. An attention-grabbing discussion is value comment. I feel that you need to write extra on this subject, it won’t be a taboo topic however generally people are not enough to speak on such topics. To the next. Cheers

    응답
  20. We’re a gaggle of volunteers and starting a brand new scheme in our community.
    Your site provided us with useful info to work on. You have performed
    an impressive activity and our whole group can be grateful
    to you.

    응답
  21. I do believe all of the ideas you’ve introduced to your post. They are very convincing and can certainly work. Still, the posts are very quick for newbies. May you please prolong them a little from next time? Thank you for the post.

    응답
  22. I¦ll right away clutch your rss as I can not in finding your e-mail subscription hyperlink or e-newsletter service. Do you’ve any? Please let me know in order that I may just subscribe. Thanks.

    응답

Leave a Comment