웹마스터 팁

  2. Support
  3. 웹마스터 팁

[HTML 초보자] HTML 홈페이지의 태그 기본구조.

2002.08.07 20:40

ZipShin

홈페이지를 만들려면 이것을 꼭 알아야합니다.
홈페이지의 기본구조 입니다. 대부분 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 초보자] 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] file 이성영 2002.05.07
DHTML의 시작 - Typing 스크립트 (예제) [2] Legend 2002.04.19
DHTML의 시작 - CSS와 객체 관계 [2] Legend 2002.04.12
드래그하면 바뀌는 마술거울효과 (-_-")v [16] file 짱나 2002.04.05
엔지오식 레이어 메뉴 구성하기 (허접) [3] 정영순 2002.03.28
두 개의 프레임을 동시에 제어하기 [4] file (づ_-) 위드 2002.03.25
태그 쓰기