Monday, June 11, 2007
HTML 파일 만드는 법, 웹문서 확장자 지정 방법; Extension
인터넷 웹문서인 HTML 파일은 평범한 텍스트 파일에 태그를 추가한 것입니다. <head> 이렇게 꺾은괄호로 표현되어 있는 것을 태그(Tag)라고 하는데, 태그는 브라우저에 나타나지 않습니다. 태그 사이에 있는 내용만 방문객에게 보입니다.
메모장이나 울트라에디트 같은 텍스트 편집기로 작성하여, html 이라는 확장자를 붙여서 저장합니다. 또는 htm 이라고 해도 됩니다. 예를 들어 파일명이
test.html
이런 식으로 되어야 합니다.
test.html.txt
이렇게 끝의 확장자가 txt 로 끝나면 안됩니다.
예제 파일명: example.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
메모장이나 울트라에디트 같은 텍스트 편집기로 작성하여, html 이라는 확장자를 붙여서 저장합니다. 또는 htm 이라고 해도 됩니다. 예를 들어 파일명이
test.html
이런 식으로 되어야 합니다.
test.html.txt
이렇게 끝의 확장자가 txt 로 끝나면 안됩니다.
가장 간단한 HTML 파일 예제 소스
예제 파일명: example.html
<html>
<head>
<title>페이지 제목</title>
</head>
<body>
여기에 본문<br />
여기에 본문<br />
여기에 본문<br />
</body>
</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
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home