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

 
Previous Post 유튜브 동영상 크기 조절 태그, 가로 세로 축소 확대; YouTube Utube Embed...김정은 광고 동영상; 맥심 커피 CF KJEVi 검색 방법, Vim [빔에디터] 문자열 검색 핫키; Search Hotkey구글 거리 풍경 보기 사진 서비스는? 구글스트리트뷰 GoogleStreetView엑셀에서 루트를 함수로 표현하는 방법? Excel Root고침단명, 베개 높이의 건강, 베게(틀린 맞춤법) 안 베고 자기 시작; Pillow Hei...엑셀에서 한칸에 문장 여러줄 쓰는 방법; Excel 줄바꿈, 워드랩 Word Wrap오디오에 대한 꿈] 토렌스 턴테이블; Thorens TurntableExcel 엑셀 셀 색깔 Color 변경 VBA 매크로; 셀의 글자색 배경색 컬러 지정Excel 엑셀 색상표, VBA 매크로 색깔 차트; Colorindex Color Code...

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

Monday, June 11, 2007

인터넷 웹문서인 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 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top