웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] HTML 홈페이지의 태그 기본구조.
2002.08.07 20:40
홈페이지를 만들려면 이것을 꼭 알아야합니다.
홈페이지의 기본구조 입니다. 대부분 HTML으로 이루어져 있습니다.
예제1)
<html>
<head>
<title>간단한 홈페이지 만들기</title>
</head>
<body>
이부분에서 HTML 중요한 태그들이 들어갑니다.
</body>
</html>
--------------------
↑ 위의 예제를 [시작]=>[프로그램]=>[보조 프로그램]=>[메모장] 을 선택하여 입력한 다음
[메모장] 프로그램에서 [메뉴]=>[파일]=>[저장]=>exam.html 또는 exam.htm 으로 저장.
이렇게 하면 간단한 "exam.html" 파일이 생성되면서 간단한 홈페이지가 탄생됩니다.
이것이 바로 홈페이지를 만드는 기본입니다. HTML 홈페이지의 구조는 ↑위의 예제1)입니다.
예제2)
<html>
<head>
<title>간단한 홈페이지 만들기</title>
</head> -----------①
<body> -----------②
</body>
</html>
---------------
예제1) 을 통하여 간단한 HTML 홈페이지 작성과 기본 구조를 알았습니다. 이제 홈페이지의 상세한 부분을 배워 봅시다.
예제2)-① ← 이부분은 자바스크립트,스타일시트,메타테그, 주록 정보를 담는 태그가 들어갑니다.
예제2)-② ← 이부분은 글자진하게,이탤릭체,마퀴태그,테이블 태그,폰트태그,Form태그,input태그,select태그,img태그,button태그,하이퍼링크태그, 홈페이지의 결정적인 요소들만 담아보는 부분입니다.
※ 다음시간에는 본격적으로 홈페이지의 기본구조부터 HTML 기본태그 작업을 공부하도록 해요!
홈페이지의 기본구조 입니다. 대부분 HTML으로 이루어져 있습니다.
예제1)
<html>
<head>
<title>간단한 홈페이지 만들기</title>
</head>
<body>
이부분에서 HTML 중요한 태그들이 들어갑니다.
</body>
</html>
--------------------
↑ 위의 예제를 [시작]=>[프로그램]=>[보조 프로그램]=>[메모장] 을 선택하여 입력한 다음
[메모장] 프로그램에서 [메뉴]=>[파일]=>[저장]=>exam.html 또는 exam.htm 으로 저장.
이렇게 하면 간단한 "exam.html" 파일이 생성되면서 간단한 홈페이지가 탄생됩니다.
이것이 바로 홈페이지를 만드는 기본입니다. HTML 홈페이지의 구조는 ↑위의 예제1)입니다.
예제2)
<html>
<head>
<title>간단한 홈페이지 만들기</title>
</head> -----------①
<body> -----------②
</body>
</html>
---------------
예제1) 을 통하여 간단한 HTML 홈페이지 작성과 기본 구조를 알았습니다. 이제 홈페이지의 상세한 부분을 배워 봅시다.
예제2)-① ← 이부분은 자바스크립트,스타일시트,메타테그, 주록 정보를 담는 태그가 들어갑니다.
예제2)-② ← 이부분은 글자진하게,이탤릭체,마퀴태그,테이블 태그,폰트태그,Form태그,input태그,select태그,img태그,button태그,하이퍼링크태그, 홈페이지의 결정적인 요소들만 담아보는 부분입니다.
※ 다음시간에는 본격적으로 홈페이지의 기본구조부터 HTML 기본태그 작업을 공부하도록 해요!
댓글 4
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
[Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
메타태그(Meta)의 모든것 [11] | ZipShin | 2002.06.20 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
DHTML의 시작 - Form 예제 (폼처리 HTML) | Legend | 2002.05.09 |
저기에서 이리로 온 글입니다. [3] | 이성영 | 2002.05.07 |
DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
드래그하면 바뀌는 마술거울효과 (-_-")v [16] | 짱나 | 2002.04.05 |
엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
두 개의 프레임을 동시에 제어하기 [4] | (づ_-) 위드 | 2002.03.25 |