| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 206479 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 222326 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 221364 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 68 |
HTML
폰트의 색상입니다
|
오작교 | 13590 | 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...
|
| 67 |
HTML
Iframe없이 한문서에 박스를 만들어 내는 태그
|
오작교 | 17220 | 23 | 2006-09-14 | 2006-09-14 10:53 |
|
iframe없이 한 문서내에 박스를 만들어내는 태그입니다. #box1 {width: 190; height: 100; overflow: auto; padding:5px; border:1 solid #e9e9e9;} #box2 {width: 190; height: 100; overflow: auto; padding:5px; border:1 solid #000000;} 나의 밤기도는 길...
|
| 66 |
HTML
fieldset을 이용한 예쁜 공지창을 만들기
|
오작교 | 20502 | 48 | 2006-09-14 | 2006-09-14 11:14 |
|
예제 오작교 Field 간단한 공지사항으로 사용 기본적인 태그 <fieldset><legend align="center">제목</legend>내용</fieldset> 색상 변경 style="border:1 solid 테두리 색상" 또는 style="border:1 solid; border-top-color: 위쪽색상;border-right-color: ...
|
| 65 |
HTML
색상있는 셀렉트 홈
|
오작교 | 74775 | 22 | 2006-09-14 | 2006-09-14 11:35 |
|
select color black darkslategray dimgray gray slategray lightslategray darkgray silver lightgrey gainsboro white seashell snow ghostwhite floralwhite whitesmoke aliceblue azure oldlace mintcream papayawhip peachpuff linen palegoldenrod mist...
|
| 64 |
HTML
이미지 없이 그라데이션 적용을 하는 법
|
오작교 | 15007 | 18 | 2006-09-14 | 2010-11-15 08:19 |
|
<table style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#000000, EndColorStr=#ff0000)"> <tr> <td width=500 height=300>내용부분</td> </tr> </table> 페이지 전체 적용시 <body style="filter=progid:DXImageTra...
|
| 63 |
HTML
글자에 그라이언트 효과 주기
|
오작교 | 14520 | 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"> 글자에 그래디언트 ...
|
| 62 |
HTML
<<!>td>를 간단하게 하는 <<!>col> 태그
|
오작교 | 15058 | 23 | 2006-09-14 | 2006-09-14 13:43 |
|
테이블을 많이 사용하다 보면 보통 한 테이블 안에 <td>태그가 보통 이십개를 넘어가는 경우가 있습니다. 이러할 경우에 각 <td>에 width, align, valign, style, class, heigt 등을 각각 넣어주는데 만일 테이블을 고쳐야 할 경우에는 각각의 <td>태그안에 들...
|
| 61 |
HTML
A태그를 이용하여 새 창을 띄우기
|
오작교 | 18549 | 32 | 2006-09-20 | 2006-09-20 15:07 |
|
<a href="https://주소" onclick="window.open(this.href, '_blank'); return false;">클릭</a> 이미지 링크일 경우 <a href="https://주소" onclick="window.open(this.href, '_blank'); return false;"><img src="이미지주소" alt="" style="width:100px;hei...
|
| 60 |
HTML
swf파일을 투명하게 올리기
|
오작교 | 24920 | 24 | 2006-09-20 | 2006-09-20 15:16 |
|
태그연습장에 함해보세요 ~~~ html 소스의 swf 파일을 삽입한 부분에 <param name="wmode" value="transparent">를 넣어주면 됩니다. 예> 드림위버로 플래시를 삽입했을때 아래와같은 소스가 들어감을 알수있습니다. 제홈페이지 메뉴에 적용된 소스인데요 ~ <b...
|
| 59 |
HTML
iframe 태그 -1
|
오작교 | 14331 | 17 | 2006-10-31 | 2006-10-31 09:57 |
|
iframe 태그란 HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다. 음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이...
|
| 58 |
HTML
iframe 태그 -2
|
오작교 | 17115 | 44 | 2006-10-31 | 2006-10-31 09:57 |
|
앞장에서 말한대로 이제 iframe 태그의 속성에 대해서 하나하나 적용(?)시켜 멋진 iframe 창을 만들어 보도록 하겠습니다.^^v ① 기본창 ( <iframe src="주소" ></iframe> ) <body bgcolor="cornflowerblue"> <font size="3" face="돋움체">아래는 iframe 예제...
|
| 57 |
HTML
iframe 태그 -3
1
|
오작교 | 14280 | 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...
|
| 56 |
HTML
글자에 배경넘기
1
|
오작교 | 16723 | 20 | 2006-11-21 | 2006-11-21 17:32 |
|
오작교의 홈을 사랑하시는 여러분 !! font style="BACKGROUND-COLOR: red; COLOR: white">오작교의 홈을 사랑하시는 여러분 !!/font> 오작교도 여러분을 사랑합니다!! font style="font-size:14pt;BACKGROUND-COLOR: 00ffff; COLOR: 000000">오작교도 여러분을...
|
| 55 |
HTML
배경이미지 고정하기
|
오작교 | 17319 | 19 | 2006-11-29 | 2006-11-29 08:54 |
|
배경을 고정시키는 방법은 Body내에 background=Image를 넣고 bgproperties="FIXED"를 추가한다.
|
| 54 |
HTML
EMBED의 모든 것
|
오작교 | 14162 | 11 | 2006-12-15 | 2006-12-15 12:34 |
|
홈페이지 배경음악 태그 <embed src="음악주소 또는 동영상 파일주소나 플레시파일주소"> 예) <embed src="https://dsk114.com.ne.kr/web/iou.asf"> <embed> 태그는 음악을 실시간으로 재생 시키는데 사용되는 태그입니다. 홈이 열리면서 배경음악이 흐르게 ...
|
| 53 |
HTML
테이블 만들기 - 1
|
멋진그대 | 14192 | 8 | 2007-01-29 | 2007-01-29 14:39 |
|
홈페이지를 제작하는데 있어서 표를 빼놓고는 홈페이지를 만든 다는 생각을 할 수 없을 정도로 table 태그는 아주 중요합니다. 또한 table 태그만 잘만 사용해도 웹 디자인은 따로 할 필요가 없을 정도로 유용한 태그입니다. 표를 잘 이용하면 홈페이지를 아주...
|
| 52 |
HTML
테이블 만들기 - 2
|
멋진그대 | 13632 | 9 | 2007-01-29 | 2007-01-29 14:43 |
|
자~ border 속성을 배웠으니 이제 표의 넓이(width) 와 높이(height)를 정하는 방법을 알아보겠습니다. 표의 넓이와 높이는 뭐 자세히 설명할 것도 없을 정도로 간단합니다. 넓이를 정해줄때는 width="수치" or "수치%" 를 적어 주시면 됩니다. 높이를 정해 줄...
|
| 51 |
HTML
테이블 만들기 - 3
|
멋진그대 | 13861 | 10 | 2007-01-29 | 2007-01-29 14:44 |
|
흠....전번에는 갑자기 짜근으로 홈을 옮기는 바람에 표만들기 강좌를 한동안 중단을 했다가 다시 이어서 올립니다.....뭐 ...여기서부터는 별루 그렇게 어려운 것은 없습니다...앞에서 대부분을 설명을 했기 때문에 전체적인 느낌(?)만 잡으면 됩니다. 그럼 ...
|
| 50 |
HTML
테이블 만들기 - 4
|
멋진그대 | 13785 | 10 | 2007-01-29 | 2007-01-29 14:45 |
|
지금부터는 단순 암기보다는 약간의 이해가 필요로 하는 것을 배우보도록 하겠습니다. 바로 <td>명령어에 들어가는 속성에 대해서 알아보겠습니다. 속성 기능 colspan="가로셀수" 셀의 수만큼 가로 셀들을 하나로 병합해줍니다. rowspan="세로셀수" 셀의 수만...
|
| 49 |
HTML
테이블 만들기 - 5
|
멋진그대 | 13952 | 14 | 2007-01-29 | 2007-01-29 14:46 |
|
전 페이에서 colspan 속성에 대해서 배워봤구요....여기서 부턴 rowspan 속성에 대해서 배워보겠습니다. rowspan 속성 역시 colspan 속성과 같습니다. 단지 colspan 속성은 가로셀을 병합하는데 비해 rowspan 속성은 세로셀을 병합하는 거죠. A B C <table ...
|
