HTML-팁 강좌
lect_htm Description
[1] OTHER - 그 외.. [Preview]
OTHER
[2] FORM - 폼 [Preview]
FORM
[3] EMBED - 미디어 띄우기 [Preview]
EMBED
[4] IFRAME - 미니 프레임 [Preview]
IFRAME
[5] LINK - 페이지 이동 [Preview]
HYPER LINK
[6] IMAGE - 이미지 띄우기 [Preview]
IMAGE
[7] FONT - 글자 속성 [Preview]
FONT
[8] 어제 새로운 HTML을 적었습니다. [Preview]
[9] [HTML강좌] 1장~9장 (예제 포함) [Preview]
아래 강좌 1장에서 9장까지
하나로 뭉쳐서
예제보기까지 만들어서
올립니다.

예제를 보시면서
이해하시는게 더 빠를겁니다.. *^^*
[10] [HTML강좌] 제 9장 : Bgsound [Preview]
===== 제 8 장 =====

♣ FORM

1. FORM : 폼의 선언이다.
/FORM : 끝맺음

2. ACTION : 폼의 뒷부분에 들어가는데 이건 SUBMIT를 받았을때
이동될 경로를 적는곳 이다.

3. INPUT : 이 영단어(입력)의 뜻과 같은 뜻이다.

4. TYPE : INPUT을 어떤 형태로 사용할건지 선택하는 부분이다.
▶BUTTON : 보통의 버튼 사용시는 ONCLICK를 이용
▶SUBMIT : 위 FORM의 ACTION으로 너겨주는 버튼
▶RESET : 폼의 모든 내용을 초기화
.....
[11] [HTML강좌] 제 8장 : Frameset [Preview]

===== 제 8 장 =====

♣ 프레임 셋 (FRAMESET)

** 프레임 셋은 간단히 말해서 브라우저 가르기다
이건 이해하기에 따라서 쉽고 어렵고로 갈라진다.

물론 처음엔 어려울수도 있다. 하지만 예제 소스를 복사하여
사용하다보면 자연스레 이해가 될것이다.

1. FRAMESET : 프레임 셋 선언이다.
/FRAMESET : 끝맺음

2. COLS : 프레임(브라우저)을 세로로 나눈다

3. ROWS : 프레임(브라우저)을 가로로 나눈다
** 프레임의 크기를 정해주는 방법은 2가지가 있다.
[12] [HTML강좌] 제 7장 : Iframe [Preview]

===== 제 7 장 =====

♣ IFRAME (브라우저 속의 브라우저)

1. IFRAME : 미니 브라우저라고 선언한다.
/IFRAME : 끝맺음

2. SRC : 열릴 HTM(HTML) 경로

3. WIDTH : IFRAME 가로 크기

4. HEIGHT : IFRAME 세로 크기

5. FRAMEBORDER : IFRAME의 테두리를 지워준다.

예제
a. MAIN.HTM이라는 페이지에서 가로, 세로 200인 PROFILE.HTM파일을 열고
테두리는 보이지 않게 함 (파일은 같은 디렉토리 안에 있다고 .....
[13] [HTML강좌] 제 6장 : Table (표 그리기) [Preview]
===== 제 6 장 =====

♣ 표(TABLE) 그리기

1. TABLE : 표를 그린다는 선언을 한다.
/TABLE : 끝맺음

2. BORDER : 표의 테두리 두께이다.

3. BORDERCOLOR : 테두리의 색을 지정한다.

4. CELLSPACING : 테두리의 그림자를 설정한다.

5. CELLPADDING : 테두리와 글자의 간격을 설정한다.
** 자주 사용되는 소스가 아니므로 잘 모름.. ^^;;

6. TR : (쉽게 말해서) 테이블을 그릴때 가로로 긋는다고 생각하기 바람..
/TR : 끝맺음

7. TD : (쉽게 말해서) 테이블을 .....
[14] [HTML강좌] 제 5장 : Image 삽입 [Preview]
===== 제 5 장 =====

♣ IMAGE 삽입

IMG : 이미지라고 선언을 해준다.
이건 /를 이용해 끝맺음을 해주지 않아도 된다.

SRC : 이미지의 경로(주소)를 적는곳이다.

WIDTH : 이미지의 가로크기를 지정한다.

HEIGHT : 이미지의 세로크기를 지정한다.
** WIDTH와 HEIGHT는 꼭 필요 없지만 이미지가 너무 크거나 작을시에
이 용어를 사용해서 늘리거나 줄일 수 있다.
그러나 이걸 사용하여 너무 늘리거나 줄이면 그 만큼의 이미지
로딩시간이 길어진다.

ALT : 이미지위에 마우스르 올리면 풍선형 글틀이 나와서 .....
[15] [HTML강좌] 제 4장 : HTML 소스 용어 [Preview]
===== 제 4 장 =====

♣ 꼭 필요한 HTML 소스 용어와 설명 그리고 예제

1. HTML : 웹 페이지에 이 소스는 HTML이라고 선언을 하는 것이다.
/HTML : HTML의 선언을 끝낸다는 뜻을 가지고 있다.

2. BODY : HTML의 몸 부분에 해당이 되므로 여기에 HTML소스를 적어서 페이지를 꾸미게 된다.
/BODY : HTML의 몸 부분이 끝난다는 뜻을 가지고 있다.

3. HEAD : HTML의 머리부분에 해당이 되므로 여기에 페이지 전체에 사용 될
JAVASCRIPT와 STYLE등을 넣는다. (페이지의 부분에 사용이 되는것은 BODY에 넣는다)
/HEAD : .....
[16] [HTML강좌] 제 3장 : 주의해야 할 것 [Preview]
===== 제 3 장 =====


♣ 웹 페이지 제작시 꼭! 알아야 할 것 3가지

1. 소스 사용시 꼭 들어가야 하는것
이것(=)과 이것(" or ')이 들어간다.
소스 사용시 이것(=)은 꼭 필요하지만 이것(" or ')은 꼭 필요 없어도 된다.

예 : 사용의 바른것과 틀린것
a. <소스=xxx> O
b. <소스="xxx"> O
c. <소스='xxx'> O
d. <소스"xxx"> X
e. <소스="xxx'> X
f. <소스=xxx"> X


2. HTML 소스는 꼭 .....
[17] [HTML강좌] 제 2장 : HTML이란? [Preview]
===== 제 2 장 =====

♣ HTML이란?
Hyper Text Markup Language의 약자로서 페이지 구성에서 중요한 언어이다.

쉽게 말해서 HTML은 밥이며 웹 브라우저는 밥상이고, 숟가락이랑 젓가락은 마우스랑 키보드
그리고 반찬은 JAVASCRIPT랑 CGI, 그 외의 것들이라 생각하면 쉬울것이다.. ^^


♣ HTML 강좌에 들어가기 전 웹 페이지 제작과 준비 그리고 알아야 할 것들...

1. 어떠한 주제를 가지고 웹 페이지를 제작할건가?
a. 주제가 없으면 웹 페이지를 만들기가 어렵다.

2. 주제에 맞는 자료들이 풍부한가?
.....
[18] [HTML강좌] 제 1장 : 시작 [Preview]
===== 제 1 장 =====

HTML 강좌입니다.

앞으로 HTML 강좌를 최대한 자세하면서 쉽게 적을겁니다.

이 허접한 강좌를 마스터 하시면 개성있는 자신만의

멋진 홈페이지를 제작하실 수 있을겁니다.

혹 읽으시다가 이해가 가지 않는 부분이 있으면

언제든지 메일이나 질답 게시판에 글을 남겨주시기 바랍니다.

제가 답변 가능한 질문이면 꼭 답변 해 드리겠습니다.

그리고 강좌 내용중 틀린점을 발견하시면 꼭 메일로

틀린 부분을 알려 주십시오. *^^*



:*: Happy .....
Javascript Source List :