웹마스터 팁

  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 기본태그 작업을 공부하도록 해요!
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] HomeBox™ 2002.06.27
[Tip]로딩속도 높이는 10가지 방법. [8] HomeBox™ 2002.06.28
>> 밑줄과 글씨의 색을 다르게 [예제포함] [3] 아미v 2002.06.29
[사이트제작팁]팁의 보물창고~ [7] webdio *^-^* 2002.07.03
전광판? 나도 한 번 해볼까 ^^v [4] Xynex:) 2002.07.03
Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] 문사라 2002.07.11
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] file ▩윤미 2002.07.14
xmp 태그를 아시나요 [9] 세벌사랑 2002.07.30
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] 김승진 2002.07.30
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] 세이렌 2002.07.30
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] 세이렌 2002.07.30
이미지에 border="0"값 않넣고 하는방법 [14] ZipShin 2002.07.30
웹페이지 소스보기. [4] ZipShin 2002.07.31
[Siren]페이지 여백 없애기 [8] 세이렌 2002.07.31
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] ZipShin 2002.07.31
iframe을 이용하여 target효과 주기. [8] ZipShin 2002.08.01
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] 세이렌 2002.08.01
[HTML 초보자] 태그(Tag)의 역사 [6] ZipShin 2002.08.03
[Siren]투명 이미지 [14] 세이렌 2002.08.04
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] ZipShin 2002.08.07
태그 쓰기