웹마스터 팁
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
이야, 아는게 아무 것도 없어서 강좌를 봐도 전혀 몰랐는데...
단박에 이해가 되었습니다.
정말 초보자의 초보자를 위한 글이라고 생각되네요-
좋은 글 감사합니다!
제목 | 글쓴이 | 날짜 |
---|---|---|
xe1.4.5.10 에서 xe1.5의 xe_solid_enterprise 레이아웃 사용하기 | 양파농부 | 2012.01.31 |
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] | misol | 2012.01.31 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
xe 1.4.5.10 에서 board 1.4.2 (1.5용 게시판) 사용하기 | 양파농부 | 2012.02.01 |
여러도메인으로 접속시 무조건 하나의 도메인으로 이동시키기 | squarehacker | 2012.02.02 |
확장변수이용시 숫자 일경우 정렬하기 팁 | 푸하라 | 2012.02.02 |
XE 1.5 이상으로 DB 이전시 일부 DB가 빠질 경우 - 내용추가(0203) [7] | sejin7940 | 2012.02.02 |
묻고 답하기 게시물 옮기는 法 [2] | CMD | 2012.02.05 |
부운영자 [26] | 송동우 | 2012.02.05 |
XE 포인트 파일캐쉬대신 memcache 사용하기 [4] | 최기훈. | 2012.02.06 |
스마트폰에서 xe 구축 [3] | 최태진814 | 2012.02.06 |
v1.5를 위한 팝업 모듈과 팝업 오프너 애드온 [55] | 우진홈 | 2012.02.06 |
php 피카사 연동 프로그래밍 [1] | 강아지60 | 2012.02.06 |
[XE1.4.5.10]게시판 파일첨부 버튼이 먹통일 때.. | 카리브 | 2012.02.08 |
make install 로 설치한 파일 제거 방법 [2] | StyleRoot | 2012.02.08 |
댓글을 역순으로 출력하는 팁 (최근댓글이 가장 위에) [8] | sejin7940 | 2012.02.10 |
1.5.1 최근 글 위젯에서 특수문자가 나가는 현상 [7] | Crom | 2012.02.12 |
업데이트 후 사이트 통함검색이 안되시는 분 보십시오^^ | RGM | 2012.02.12 |
v1.5를 위한 제어판 테마 애드온 정식 [4] | 우진홈 | 2012.02.13 |
XE에서 메일기능이 작동하지 않을때 | 애호가 | 2012.02.16 |
모르는 사람도 있겠지만. 여기 들어오는사람들은.. 대부분. 알텐데.