웹마스터 팁
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
이야, 아는게 아무 것도 없어서 강좌를 봐도 전혀 몰랐는데...
단박에 이해가 되었습니다.
정말 초보자의 초보자를 위한 글이라고 생각되네요-
좋은 글 감사합니다!
제목 | 글쓴이 | 날짜 |
---|---|---|
[re] 쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [5] | 파마아줌마 | 2003.07.21 |
스스로 사라지는 웹페이지 만들기 [3] | 최재철 | 2003.04.08 |
홈페이지의 위아래를 바꾸어 보자! [10] | 세죠위그이 | 2003.04.01 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] | 키르(SP) | 2002.08.15 |
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1) [5] | 키르(SP) | 2002.08.15 |
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] | 세이렌 | 2002.08.12 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조2. [13] | ZipShin | 2002.08.09 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
아름지기식 홈페이지만들기5 [5] | 아름지기 | 2002.03.16 |
아름지기식 홈페이지 만들기4 [14] | 아름지기 | 2002.03.12 |
홈페이지 만들기 ① ▶계정 만들기◀ (아름지기님과 다름) [6] | 냠냠 | 2002.03.09 |
아름지기식 홈페이지 만들기3 [6] | 아름지기 | 2002.03.09 |
아름지기식 홈페이지만들기2 [1] | 아름지기 | 2002.03.09 |
모르는 사람도 있겠지만. 여기 들어오는사람들은.. 대부분. 알텐데.