공지 |
HTML
HTML 기초 다지기
4
|
오작교 | 227911 | | 2008-06-17 | 2010-08-19 13:08 |
공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 295599 | | 2007-10-01 | 2010-08-19 12:45 |
공지 |
일반
스타일시트의 총정리
|
오작교 | 245680 | 14 | 2006-09-14 | 2010-08-19 12:45 |
283 |
HTML
iframe의 속성
|
오작교 | 41023 | | 2010-05-25 | 2010-05-25 23:36 |
기본 형식 <iframe src="주소"></iframe> 뒤에 꼭 </iframe>으로 아이프레임의 끝을 정해주어야 합니다. 속성(option) 설명 src="주소" iframe에서 표시할 경로를 지정해 줍니다. "https://..." name="down" iframe의 이름을 지정 합니다. 이름을 Yanni 로 했...
|
282 |
CSS
이미지 맵 태그 -3
|
오작교 | 35275 | | 2010-05-25 | 2010-05-25 23:30 |
|
281 |
CSS
이미지 맵 태그 -2
|
오작교 | 33615 | | 2010-05-25 | 2010-05-25 23:27 |
|
280 |
CSS
이미지 맵 태그 -1
|
오작교 | 32504 | | 2010-05-25 | 2010-08-19 13:22 |
|
279 |
CSS
포토샵 태그 - 2
|
오작교 | 29930 | | 2010-05-25 | 2010-05-25 22:18 |
|
278 |
CSS
포토샵 태그 - 1
2
|
오작교 | 28433 | | 2010-05-25 | 2022-01-03 11:15 |
|
277 |
Script
클릭하면 복사되는 소스
|
오작교 | 40319 | | 2010-04-10 | 2013-11-13 10:09 |
<A HREF=" OnClick="window.clipboardData.setData('Text', 'https://park5611.pe.kr'); window.alert('주소가 클립보드로 복사되었습니다.'); return false;">주소 입력</A>
|
276 | |
CSS
padding, margin, font, bold
|
오작교 | 56101 | | 2010-03-23 | 2010-03-23 08:22 |
|
275 |
CSS
a태그에서 밑줄 없애기와 이미지 고정
|
오작교 | 29713 | | 2009-07-07 | 2009-07-07 17:22 |
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
|
274 |
CSS
스타일 시트 위치조정과 레이어 조정
|
오작교 | 20694 | | 2009-07-07 | 2009-07-07 17:18 |
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
273 |
CSS
background-image - 2
|
오작교 | 19593 | | 2009-07-07 | 2010-04-13 13:31 |
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
|
272 |
CSS
background-image
|
오작교 | 22588 | | 2009-07-07 | 2010-04-13 13:29 |
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
|
271 |
CSS
컬러와 관련된 속성들 -1
|
오작교 | 22636 | | 2009-07-07 | 2009-07-07 17:04 |
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
|
270 |
CSS
Text Border 속성
|
오작교 | 23346 | | 2009-07-07 | 2009-07-07 17:01 |
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
|
269 |
CSS
margin의 속성
|
오작교 | 19340 | | 2009-07-07 | 2009-07-07 16:57 |
마진(margin).....이란..? 설명하자면 여백을 조절하는 속성이라고 할 까요? 이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다. 예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용...
|
268 |
CSS
텍스트를 정열하는 css
|
오작교 | 19022 | | 2009-07-07 | 2009-07-07 16:43 |
text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 기능을 합니다. 들여쓰기가 뭔...
|
267 |
CSS
단어와 글자 여백을 조정하는 스타일
|
오작교 | 23049 | | 2009-07-07 | 2009-07-07 16:40 |
<style type="text/css"> <!-- h1 { word-spacing:5px; } h2 { letter-spacing:7px; } --> </style> <body> 오작교의 스타일 시트 <h1>word-spacing 속성은 단어사이의 여백 조정</h1> <h2>letter-spacing 속성은 글자사이의 여백 조정 </h2> </body>
|
266 |
HTML
textarea에 글자 넣기 및 응용
|
오작교 | 22564 | | 2009-04-30 | 2009-04-30 10:02 |
내용을 적어주세요.^^ 내용을 적어주세요.^^ textarea cols=40 rows=5 onClick="this.value=''">내용을 적어주세요.^^/textarea> textarea cols=40 rows=5 onMouseOver="this.value='마우스를 올리면 이렇게.....'" onMouseOut="this.value='마우스가 내려가...
|
265 |
CSS
html문서에 그라데이션 적용하기
|
오작교 | 23986 | | 2009-04-30 | 2009-04-30 09:41 |
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
|
264 |
CSS
Text에 MouseOver 적용하기
1
|
오작교 | 28883 | | 2009-04-17 | 2009-04-17 01:13 |
오작교의 홈 오작교의 홈 오작교의 홈 오른쪽의 텍스트에 마우스커서를 각각 올려보세요. 간단한 방법으로 마우스커서가 글자 위에 올라갔을 때 글자에 변화를 줍니다. 별 볼 일 없는 듯하지만, 필요할 때도 있겠지요;;
|