[HTML5] 기본 문서 만들기

안녕하세요. 김c입니다.

어제는 13일의 금요일이였습니다.

다들 제이슨을 조심하셨지요? 흐흐흐

어제는 제가 포스팅을 못했습니다.

예약을 걸어놓은것도 없구요.. 흐흐.. 이러면 안되지 말입니다.

오늘은 간단하게 [HTML5] 기본 문서를 만들어 보려고 해요.

우선 저장 폴더를 만드는것은 여러분들의 컴퓨터 아무곳에 

만들어서 하셔도 됩니다.

하나씩 만들어본 파일들을 나중에라도 복습을 원하시면 폴더를 만드셔서

관리를 하는게 좋으며, 그렇지 않고 연습삼아 하시면 그때 그때 파일 만들고

확인하고 버리는 방식도 괜찮습니다. ^^

또한 HTML문서는 메모장으로 해도 되고 여러분들이 사용하고 있는

HTML EDITOR등 편하신걸로 사용하시면 되겠습니다.

그러나 저는 Visual Studio를 사용하여 작성하도록 하겠습니다.

저는 이렇게 코딩하였습니다.

visual studio가 왜 좋으냐면 왼쪽열에 코딩에 대한 넘버링이 보이기에

코딩을 다 하고 debug를 잡을때 편리합니다. 물론 기존 다른 editor들도

번호를 표시는 합니다.^^

또 다른 좋은 점은 이미지를 보면 들여쓰기 한 태그(tag)부분에 세로로

줄이 보이는게 확인되시나요?

이렇게 나중에 들여쓰기 부분에 빼먹지 않도록 눈으로 다시 한번 확인이

가능하기에 참 편리합니다.

그럼 다면 저 코딩의 결과물은 어떻게 나올까요?

이렇게 코딩이 되었습니다.

제가 사용하는 브라우저는 네이버에서 만든 웨일 브라우저인데

웨일 브라우저에 새로운 탭을 열고 마우스로 잡고 드래고 & 드롭으로

던지면 코딩한 결과값이 보이는데 저는 그 결과페이지를 캡쳐한 부분을

이렇게 올렸습니다.

<h1>,</h1>태그는 글씨가 두껍네 표현이 되었고

<br>태그는 줄 바꾸는 태그이며

<img>태그는 이미지의 경로를 지정한 태그입니다.

참 쉽지you!? 흐흐...

컴퓨터 자판을 칠수 있으면 누구나 다 하실수 있는 기본 문서를

오늘은 간단하게 코딩을 해보았습니다.

다음시간에는 이 포스팅을 가지고 html문서의 기본 적인 구조를

살펴보도록 하겠습니다.