웹마스터 팁
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
-
바른생활 NZEO
2002.08.07 23:53
-
ZipShin
2002.08.08 18:32
잘난척 하긴요^^ Nzeo 식구중에서도 html을 모르는 분들도 많다구요^^
제로보드를 설치못하는것 처럼, html을 못하는 사람도 많답니다.
그렇다고, 자기 자신이 우대하다고 생각을 하지마시구요... 마음을 폭 넓게 보세요! -
짠:)
2003.03.01 18:42
맞아요.
저이거보고 진짜 감사했어요-_ㅠ
무작정 홈페이지를 만들긴 했지만 허접해서;;
제가 딱 알고싶었던건데! 감사합니다~ -
카마르
2005.12.07 13:49
이야, 아는게 아무 것도 없어서 강좌를 봐도 전혀 몰랐는데...
단박에 이해가 되었습니다.
정말 초보자의 초보자를 위한 글이라고 생각되네요-
좋은 글 감사합니다!
제목 | 글쓴이 | 날짜 |
---|---|---|
XE Lune_Board 의 코멘트 배경색상 수정하기
[5]
![]() | 세라오빠 | 2011.03.01 |
jQuery 강의 #1. css에 대해 이해해보자. [1] | 서기 | 2011.03.03 |
이용자가 댓글을 닉네임으로 검색할순 없나요? [2] | gc00 | 2011.03.04 |
레이아웃에 소스추가해서 트래픽보기!
[2]
![]() | 막시민 | 2011.03.07 |
페이지 수정시 팝업창 높이 조절... [1] | 브레인630 | 2011.03.07 |
jQuery 강의 #2. 셀렉터에 스타일을 적용해보자. | 서기 | 2011.03.08 |
추천수와 비추천수를 합친 값을 보여주기 | lol :) | 2011.03.11 |
사진링크가 깨져서 엉망이네요 [1] | 김성회 | 2011.03.11 |
홈페이지에 퀵메뉴를 다는 소스 (ie7이상, 사파리, 불여우, 오페라 등은 position:fixed 로 고정) [20] | Firstlove | 2011.03.14 |
z-index 값 설정하기... [2] | ForHanbi | 2011.03.15 |
XE 쉬운설치에 sftp 이용하기 [6] | 비나무 | 2011.03.15 |
모든 브라우져는 형제간의 z-index값을 아들과 형제간의 z-index값보다 우위 [7] | ForHanbi | 2011.03.16 |
타이틀에 홈페이지 제목 추가 시키기
[5]
![]() | 웹 엔진 | 2011.03.17 |
xe_default 스킨 분류 색상이 정상적으로 적용/출력되지 않을 경우 [2] | 위드파트너 | 2011.03.21 |
각 게시판 헤더에 언어 변경 버튼 추가하기 [1] | cjsound | 2011.03.21 |
[PHP 기초] PHP 소개 [6] | 난다날아 | 2011.03.22 |
[PHP 기초] 사용법, 기본 문법 [8] | 난다날아 | 2011.03.23 |
[PHP 기초] 변수, 상수 [2] | 난다날아 | 2011.03.24 |
초간단 애드온 제작법 [8] | 카르마 | 2011.03.25 |
1.4.4.2부터 게시판 신규게시물 작성이 안되던 문제 [2] | 운상유희 | 2011.03.25 |
모르는 사람도 있겠지만. 여기 들어오는사람들은.. 대부분. 알텐데.