컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Monday, June 11, 2007

HTML 화일 만드는 법, 웹문서 확장자 지정 방법; Extension


인터넷 웹문서인 HTML 파일은 평범한 텍스트 파일에 태그를 추가한 것입니다. <head> 이렇게 꺾은괄호로 표현되어 있는 것을 태그(Tag)라고 하는데, 태그는 브라우저에 나타나지 않습니다. 태그 사이에 있는 내용만 방문객에게 보입니다.

메모장이나 울트라에디트 같은 텍스트 편집기로 작성하여, html 이라는 확장자를 붙여서 저장합니다. 또는 htm 이라고 해도 됩니다. 예를 들어 파일명이

test.html

이런 식으로 되어야 합니다.

test.html.txt

이렇게 끝의 확장자가 txt 로 끝나면 안됩니다.


가장 간단한 HTML 파일 예제 소스


예제 파일명: example.html
<html>
<head>
<title>페이지 제목</title>
</head>


<body>

여기에 본문<br />
여기에 본문<br />
여기에 본문<br />

</body>
</html>


<body> 와 </body> 태그 사이에 있는 부분이 본문이고,

<head> 과 </head> 태그 사이에 있는 것은 메타 태그이며, 브라우저에 페이지 정보를 알려주는 역할을 합니다.


위의 HTML 소스를 파일로 저장하고 IE나 파이어폭스 같은 웹브라우저로 보면

여기에 본문
여기에 본문
여기에 본문


이렇게 보입니다. <br /> 은, 다음줄로 줄바꿈하는 태그입니다.

위의 소스는 최소한의 코드이고, 여기에 더 복잡한 코드를 추가해야 제대로 된 웹페이지가 만들어집니다. HTML 파일의 인코딩과, 글자색, 글자 크기 등을 지정해야 합니다.

한글 인코딩 지정법: ▶▶ [HTML-CSS] 한국어 웹문서 인코딩 charset 종류: euc-kr / UTF-8 / ks_c_5601-1987

▶▶ HTML-CSS] 메타 태그 종류; META TAG 목록

색깔 지정: ▶▶ HTML-CSS] 글자 색깔 지정하기, 글자색 변경 - Color 컬러 지정

사진 그림 올리기: ▶▶ HTML] Q: 사진/이미지 올리는 IMG 태그에서 HREF 속성 사용법은?

특수문자 표현: ▶▶ HTML-CSS] 꺾은 괄호 (부등호) <> 표현하는 법: Less Than, Greater Than Sign


0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top