| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 209974 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 225915 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 224760 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 48 |
HTML
글자에 배경넘기
1
|
오작교 | 17176 | 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">오작교도 여러분을...
|
| 47 |
HTML
마우스를 링크위에 올리면 소리내기
|
오작교 | 17107 | | 2008-01-08 | 2008-01-08 16:02 |
|
일단.. <head>와</head> 사이에 <bgsound src="#" id=msound loop=1 autostart="true"> 집어 넣습니다.. 그리고 <body>와 </body>의 원하는 곳에 아래처럼 링크합니다. <a href="주소" onMouseOver="document.all.msound.src='소리url'">링 크</a> <a href="주...
|
| 46 |
HTML
테이블 프레임 속성
|
오작교 | 16988 | | 2015-08-30 | 2015-08-30 12:19 |
|
오늘은 테이블에 프레임속성을 주는 그런 소스가 되겠습니다. 테이블 속성으로는 경계를 정하는 border 속성이 있을수 있겠고 또 정렬을 주는 align도 있겠습니다. 오늘은 그 중에 frame속성입니다. 이것은 예를들어 <table frame="above">를 주면 그 테이블은...
|
| 45 |
HTML
html4와 5의 요소와 속성 차이
|
오작교 | 16608 | | 2015-09-13 | 2015-09-13 21:38 |
|
HTML4와 HTML5의 요소와 속성 차이 HTML5 태그의 활용에 대해서 정리를 해달라는 요청이 있어서 W3C의 초안 문서인 HTML5 differences from HTML4에서 요소와 속성을 중심으로 정리를 해 보았다. 실전 HTML5 가이드를 만들때에도 같은 작업을 했었는데 그 이후...
|
| 44 |
HTML
Fieldset이용하기
|
오작교 | 16259 | | 2009-04-17 | 2009-04-17 01:06 |
|
fieldset를 이용하면 테두리를 여러모로 유용하게 이용할 수 있습니다. 겉보기에는 테이블과 별 차이가 없어 보이지만 약간 다릅니다. 한 칸으로 구성된 박스를 만들 때 테이블을 사용하면 tr 이나 td 도 따로 넣어야 하는 수고가 따르지만, fieldset 은 그런...
|
| 43 |
HTML
테이블은 이제 쉬어야 할 때 -전편(前編)
|
오작교 | 16247 | | 2007-09-05 | 2015-05-18 14:11 |
|
테이블(html의 table 을 칭함)은 이제 목적 이상의 일을 할 필요가 사라졌습니다. 그저 단순한 “표” 를 만들기 위해서 제작된 테이블이 레이아웃, 즉 홈페이지 틀을 잡기위해서 쓰이고 있다니. 그리고 그것이 테이블의 맞는 용도처럼 교육되고 있다니 이제는 ...
|
| 42 |
HTML
input 태그의 기초
|
오작교 | 16239 | | 2008-02-23 | 2008-02-23 12:19 |
|
가장 기본적으로 쓰이는 input 태그들입니다. 알고 있으면서도 가끔 헛갈릴 때 한번 되돌아 보세요. <input type="hidden" name="form1"> //숨김 타입 <input type="text" name="form1" size="20" maxlength="15" style="background-color:purple;border-color...
|
| 41 |
HTML
<<!>td>를 간단하게 하는 <<!>col> 태그
|
오작교 | 15540 | 23 | 2006-09-14 | 2006-09-14 13:43 |
|
테이블을 많이 사용하다 보면 보통 한 테이블 안에 <td>태그가 보통 이십개를 넘어가는 경우가 있습니다. 이러할 경우에 각 <td>에 width, align, valign, style, class, heigt 등을 각각 넣어주는데 만일 테이블을 고쳐야 할 경우에는 각각의 <td>태그안에 들...
|
| 40 |
HTML
이미지 없이 그라데이션 적용을 하는 법
|
오작교 | 15494 | 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...
|
| 39 |
HTML
버튼 input 태그에 대하여 알아보기(펌글)
|
오작교 | 15400 | | 2008-06-17 | 2008-06-17 16:51 |
|
◈.버튼 input 태그 ※.결과 보기━━☞ (마우스가 화살표가 버튼위로 올라갔을경우 상태바에 원하는 메세지가 뜸니다.다시 버튼에서 마우스을 버서나면 사라지구요.^^; 마우스 화살표을 버튼위에 놓으시구요.밑에 보세요.!!) "javascript:location='파일명.html'">...
|
| 38 |
HTML
이미지에 효과를 주어보자 - 2
|
오작교 | 15372 | 15 | 2007-02-03 | 2007-02-03 20:34 |
|
4. dropshadow 특정위치에 그림자를 만들어 줍니다. 한가지 주의점은 dropShadow는 DIV, MARQUEE, SPAN, TABLE, TD, TH에만 적용됩니다 속 성 기 능 color=색명 or RGB색상코드 그림자의 색상을 지정 offx=수치 offy=수치 대상으로부터 그림자의 x,y좌표 posit...
|
| 37 |
HTML
이미지에 효과를 주어보자 - 3
|
오작교 | 15364 | 4 | 2007-02-03 | 2007-02-03 20:35 |
|
8. shadow dropshadow와 비슷한 명령어지만 약간에 다른 효과를 내는군요 속 성 기 능 color=색명 or RGB색상코드 효과를 나타낼 색상을 지정합니다 direction 나타나게될 그림자의 방향을 결정, 시계방향으로 0 45 90 135 180 225 270 315의 값을 지정 이것도...
|
| 36 |
HTML
테이블(7신) - 백그라운드(펌글)
|
오작교 | 15081 | 17 | 2007-06-19 | 2016-04-21 17:20 |
|
.
|
| 35 |
HTML
자주 사용하는 태그들
1
|
오작교 | 15029 | | 2008-09-01 | 2008-09-01 16:06 |
|
(1). <ul>태그를 사용하지 않고 글의 간격(위치) 넣는 소스 <p style="margin-left:270px;"> (2). 이미지 반대로 주는 소스 style="filter:fliph()" (3). 이미지에 명암을 주는 소스 style="filter:blur(direction=135,strength=100)" style="filter:alpha(opa...
|
| 34 |
HTML
글자에 그라이언트 효과 주기
|
오작교 | 15019 | 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"> 글자에 그래디언트 ...
|
| 33 |
HTML
iframe 태그 -1
|
오작교 | 14976 | 17 | 2006-10-31 | 2006-10-31 09:57 |
|
iframe 태그란 HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다. 음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이...
|
| 32 |
HTML
홈페이지를 만들어 보자 (템플릿 -2)
|
오작교 | 14961 | 8 | 2007-02-03 | 2007-02-03 20:49 |
|
2. 메인 만들기 메인은 일반적으로 프레임(화면분할)을 많이 쓰죠? 메뉴와 내용나오는 부분 이케 첨엔 많이 하더라구요..^^ 저도 첨엔 그랬구...^^; 앞전에도 말씀드렸지만 화면을 분할해서(프레임사용) 메인을 만들고 안 만들고는 각각의 장단점이 있습니다. ...
|
| 31 |
HTML
iframe 태그 -3
1
|
오작교 | 14817 | 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...
|
| 30 |
HTML
Fieldset 이용하기
|
오작교 | 14813 | 17 | 2007-05-23 | 2007-05-23 00:05 |
|
<fieldset> <legend>필드셋 제목</legend> legend 태그로 제목을 넣은 경우 </fieldset> 스타일시트 적용 가능 <fieldset style="border:1 solid; border-top-color: #808080;border-right-color: #f9f9f9; border-left-color: #f9f9f9;border-bottom-color: #...
|
| 29 |
HTML
테이블 만들기 - 1
|
멋진그대 | 14773 | 8 | 2007-01-29 | 2007-01-29 14:39 |
|
홈페이지를 제작하는데 있어서 표를 빼놓고는 홈페이지를 만든 다는 생각을 할 수 없을 정도로 table 태그는 아주 중요합니다. 또한 table 태그만 잘만 사용해도 웹 디자인은 따로 할 필요가 없을 정도로 유용한 태그입니다. 표를 잘 이용하면 홈페이지를 아주...
|
