공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 218723 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 270498 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 235109 | 14 | 2006-09-14 | 2010-08-19 12:45 |
28 |
HTML
버튼 input 태그에 대하여 알아보기(펌글)
|
오작교 | 16647 | | 2008-06-17 | 2008-06-17 16:51 |
◈.버튼 input 태그 ※.결과 보기━━☞ (마우스가 화살표가 버튼위로 올라갔을경우 상태바에 원하는 메세지가 뜸니다.다시 버튼에서 마우스을 버서나면 사라지구요.^^; 마우스 화살표을 버튼위에 놓으시구요.밑에 보세요.!!) "javascript:location='파일명.html'">...
|
27 |
HTML
<<!>td>를 간단하게 하는 <<!>col> 태그
|
오작교 | 16550 | 23 | 2006-09-14 | 2006-09-14 13:43 |
테이블을 많이 사용하다 보면 보통 한 테이블 안에 <td>태그가 보통 이십개를 넘어가는 경우가 있습니다. 이러할 경우에 각 <td>에 width, align, valign, style, class, heigt 등을 각각 넣어주는데 만일 테이블을 고쳐야 할 경우에는 각각의 <td>태그안에 들...
|
26 |
HTML
iframe 태그 -3
1
|
오작교 | 16468 | 15 | 2006-10-31 | 2006-10-31 09:59 |
⑤ ifram 응용 이제부턴 약간의 iframe 을 이용해서 홈페이지에서 멋찌게 사용할 수 있는 방법을 알려드리도록 하겠습니다. <body bgcolor="cornflowerblue"> <font size="3" face="돋움체">아래는 iframe 예제입니다.</font><br> <iframe src="https://tagmani...
|
25 |
HTML
테이블 만들기 - 2
|
멋진그대 | 16257 | 9 | 2007-01-29 | 2007-01-29 14:43 |
자~ border 속성을 배웠으니 이제 표의 넓이(width) 와 높이(height)를 정하는 방법을 알아보겠습니다. 표의 넓이와 높이는 뭐 자세히 설명할 것도 없을 정도로 간단합니다. 넓이를 정해줄때는 width="수치" or "수치%" 를 적어 주시면 됩니다. 높이를 정해 줄...
|
24 |
HTML
글자에 그라이언트 효과 주기
|
오작교 | 16235 | 27 | 2006-09-14 | 2006-09-14 11:44 |
<span style="COLOR:#4F4F4F; FILTER:Alpha(opacity=65,finishopacity=0,style=1,startX=0,startY=10,finishX=0,finishY=450); FONT-FAMILY: 바탕; FONT-SIZE: 12pt; FONT-WEIGHT: bold; HEIGHT: 10px; LINE-HEIGHT: 200%; WIDTH: 300px"> 글자에 그래디언트 ...
|
23 |
HTML
이미지에 효과를 주어보자 - 1
|
오작교 | 16196 | 14 | 2007-02-03 | 2010-08-19 13:22 |
filter 란 포토샵을 사용해보신 분이라면 바로 이해가 가실겁니다. 그러나 초보분들은 모르시겠죠?^^ 필터는 그림이나 글자에 효과를 주는 겁니다. 무슨 효과냐구요? 그럼 이해를 돕기위해 밑에 그림을 한번 보세요. 철도원 철도원 철도원 철도원 철도원 위에...
|
22 |
HTML
테이블(4신) - 테두리 색상
|
오작교 | 16190 | 10 | 2007-06-19 | 2007-06-19 17:11 |
Table 에관하여 4신 Table 테두리 네번째 시간입니다. 스타일을 이용한 테이블 테두리(frame)색지정에 관하여 알아봅니다. 테두리 색 지정은 style내에 border-top-color:색상코드; border-right-color:색상코드; border-bottom-color:색상코드; border-left-...
|
21 |
HTML
이미지의 맵 - 2
|
오작교 | 16156 | 5 | 2007-02-03 | 2007-02-03 20:42 |
③ 맵 종류/좌표값/링크주소 설정 부분 <img src="이미지주소" usemap="#맵이름"> ① 이미지 태그 부분. <map name="맵이름"> ② 이미지 맵 태그 시작부분. <area shape="맵종류" coords="좌표값" href="링크될 주소"> ③ 맵 종류, 좌표값, 링크될 곳 설정 부분. <...
|
20 |
HTML
EMBED의 모든 것
|
오작교 | 16129 | 11 | 2006-12-15 | 2006-12-15 12:34 |
홈페이지 배경음악 태그 <embed src="음악주소 또는 동영상 파일주소나 플레시파일주소"> 예) <embed src="https://dsk114.com.ne.kr/web/iou.asf"> <embed> 태그는 음악을 실시간으로 재생 시키는데 사용되는 태그입니다. 홈이 열리면서 배경음악이 흐르게 ...
|
19 |
HTML
폰트의 색상입니다
|
오작교 | 15994 | 24 | 2006-09-14 | 2006-09-14 10:51 |
■ 000000 black 블랙 ■ 2f4f4f darkslategray 다크슬레이트그레이 ■ 708090 slategray 슬레이트그레이 ■ 778899 lightslategray 라이트슬레이트그레이 ■ 696969 dimgray 딤그레이 ■ 808080 gray 그레이 ■ a9a9a9 darkgray 다크그레이 ■ c0c0c0 silver 실버 ■ d...
|
18 |
HTML
홈페이지를 만들어 보자 -2
|
오작교 | 15946 | 10 | 2007-02-03 | 2007-02-03 20:47 |
5. 홈피제작 기본상식 첫번째, 나 혼자만의 홈페이지는 만들지 말라. 두번째, 남들과는 차별화된 내용으로 홈페이지를 채워라. 세번째, 방문객들을 항상 고려해라. - 너무 큰 용량의 이미지는 이미지레디 등의 툴을 이용해 잘라서 올린다 - 과도한 자바스크립...
|
17 |
HTML
홈페이지를 만들어 보자 (템플릿 -1)
|
오작교 | 15942 | 14 | 2007-02-03 | 2007-02-03 20:48 |
이제 준비는 다 끝났으니까... 본격적으로 홈페이지를 만들어 보겠습니다. 참고적으로 강좌에서 사용되는 툴은 메모장 딸랑 하나만 있으면 되겠심더..-_-;; 먼저 홈페이지 구도는 ①대문 - ② 메인(프레임) - ③게시판&방명록 식으로 하겠습니다. 그리고 홈페...
|
16 |
HTML
홈페이지를 만들어 보자 (템플릿 -2)
|
오작교 | 15939 | 8 | 2007-02-03 | 2007-02-03 20:49 |
2. 메인 만들기 메인은 일반적으로 프레임(화면분할)을 많이 쓰죠? 메뉴와 내용나오는 부분 이케 첨엔 많이 하더라구요..^^ 저도 첨엔 그랬구...^^; 앞전에도 말씀드렸지만 화면을 분할해서(프레임사용) 메인을 만들고 안 만들고는 각각의 장단점이 있습니다. ...
|
15 |
HTML
A 태그를 다른 것으로 바꾸어 보자
|
오작교 | 15876 | | 2008-02-23 | 2008-02-23 12:25 |
일반적으로 링크 태그는 <a href=#>링크</a> 이런 방식을 주로 사용합니다. 그러나 뒤로 버튼을 누르면 # 이전으로 가는거지.. 페이지의 뒤로 가는 것은 아닙니다. 그래서 ▒ 링크시에는 <p style="cursor: pointer" onclick="window.location='https://www.tip...
|
14 |
HTML
이미지의 맵 - 1
|
오작교 | 15792 | 15 | 2007-02-03 | 2010-08-19 13:22 |
※ 이미지 맵의 정의 이미지 맵이란 하나의 이미지의 일부분에 링크를 시키는 것을 말합니다. 그러니깐 지금까지는 이미지를 링크로 이용할 때는 그냥 이미지 전체가 링크 되었잖아요^^ 근데 이미지맵은 하나의 커다란 이미지에 영역을 나누어서 여러 개의 링크...
|
13 |
HTML
홈페이지를 만들어 보자 (템플릿 -4)
|
오작교 | 15775 | 9 | 2007-02-03 | 2007-02-03 20:52 |
ⓑ body 부분 본격적으로 우리 눈에 직접 보여지는 부분인 body 부분을 만들어 보도록 하겠습니다. 먼저 메뉴 같은 건 테이블을 만들어서 넣어 주는게 좋습니다. 그래야 안 깨지고 고정되어 보여질 수 있습니다. left.htm <table border="0" cellspacing="0" wi...
|
12 |
HTML
테이블 만들기 - 3
|
멋진그대 | 15732 | 10 | 2007-01-29 | 2007-01-29 14:44 |
흠....전번에는 갑자기 짜근으로 홈을 옮기는 바람에 표만들기 강좌를 한동안 중단을 했다가 다시 이어서 올립니다.....뭐 ...여기서부터는 별루 그렇게 어려운 것은 없습니다...앞에서 대부분을 설명을 했기 때문에 전체적인 느낌(?)만 잡으면 됩니다. 그럼 ...
|
11 |
HTML
홈페이지를 만들어 보자 (템플릿 -3)
|
오작교 | 15717 | 16 | 2007-02-03 | 2007-02-03 20:50 |
앞 장에서는 화면 분할을 해봤죠? ^^ 그럼 이제 분할한 화면의 내용을 채워보도록 하겠습니다. 내용을 만들기 앞서 빠른 이해를 돕기위해 아래 그림을 봐주시기 바랍니다. 그림이 영 허접이라..-_-;; 그림은 조금만 보시고 원리만 이해하시길 바랍겠습니다. ^^...
|
10 |
HTML
테이블(5신) - 테두리 넓이 지정
|
오작교 | 15537 | 10 | 2007-06-19 | 2007-06-19 17:15 |
Table 에관하여 5신 Table 테두리 다섯번째 시간입니다. 스타일을 이용한 테이블 테두리(fream)넓이지정에 관하여 알아보겠습니다. 일반적으로 테이블의 테두리 넓이를 지정할때 border="수치"로 작성합니다. <table border=10 width=500 height=80> <tr> <td...
|
9 |
HTML
홈페이지를 만들어 보자 (템플릿 -6)
6
|
오작교 | 15432 | 10 | 2007-02-03 | 2007-02-03 20:57 |
- 유진/슈/바다 페이지 만들기 메뉴링크에 보면 ses 각각 멤버 소개 페이지가 나오죠? 이젠 그걸 만들어 봅시다. ^^ 모... 길게 설명할 것도 없구... right.htm 페이지의 table 태그의 중간 셀에 이미지와 프로필만 넣어준 겁니다. bada.htm right.htm 과 테...
|