| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 218077 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 267366 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 234176 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 303 |
window.open() 사용례
|
오작교 | 5766 | | 2023-12-10 | 2023-12-10 09:32 |
|
<!DOCTYPE html> <html> <body style="display: flex; flex-direction: column; justify-content:center; align-items:center;"> <div class="container" style="position: relative; text-align: center;"> <h1 style="color: rgb(18, 154, 18);"> GeeksforG...
|
| 302 |
Script
window.open() 함수 사용법
|
오작교 | 8629 | | 2023-12-10 | 2023-12-10 09:29 |
|
웹브라우저에서 새창을 열기 위해서 가장 간단히 사용할 수 있는 방법이 자바스크립트 window 객체의 open() 함수를 사용하는 것입니다. 1. 문법(Syntax) var ret = window.open(url, name, specs, replace); 1.1. 반환값(ret) 새로 만들어진 창 객체가 반환...
|
| 301 |
CSS
칼라에 관한 스타일시트-1
1
|
오작교 | 11375 | 18 | 2006-05-06 | 2006-05-06 10:27 |
|
이번 강좌에서는 컬러와 관련된 스타일 시트에 대해서 알아보도록 하겠습니다. 컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있...
|
| 300 |
CSS
스타일 시트를 계속 사용하지
|
오작교 | 11995 | 17 | 2006-05-06 | 2006-05-06 20:21 |
|
<style>에서 </style>까지를 복사하여 style.css(예)로 저장합니다. (파일명은 마음대로..) 스타일시트가 필요한 문서를 열고 <head>와 </head>사이에 아래의 태그를 붙입니다. <link rel="stylesheet" type="text/css" href="style.css"> 그러면 style.css 하...
|
| 299 |
CSS
스타일 시트 활용(4) - 커서 모양을 마음대로
|
오작교 | 12487 | 12 | 2006-04-17 | 2006-04-17 16:13 |
|
여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요? 근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모...
|
| 298 |
CSS
스타일 시트 활용(1) - 문서의 가독성을 높여 보자
|
오작교 | 12497 | 25 | 2006-04-17 | 2006-04-17 16:08 |
|
여기에서는 행간과 글자크기 그리고 폰트 조절로 홈페이지의 가독성을 높이는 방법을 알아볼까 합니다. 글의 행간을 조절하면 홈페이지에 가독성이 좋아집니다. 글이 따닥따닥 붙어 있는것 보다두 말이지요 자 이부분의 글자 간격을 보세요 너무 글이 딱딱 붙...
|
| 297 |
CSS
스타일 시트 (2) - 예제를 통해 감을 잡자
|
오작교 | 12611 | 15 | 2006-04-17 | 2006-04-17 16:04 |
|
앞에서도 살펴보았듯이 스타일 시트는 양식과 구조를 분리하는 특징을 가지고 있습니다. 여기에서는 한 문서내에 스타일 시트를 적용하는 예를 보여 드렸지만 스타일시트를 사용하면 사이트에 모든 페이지를 하나의 CSS 문서로 컨트롤 할 수도 있습니다. 지금...
|
| 296 |
CSS
스타일 시트 총정리
|
오작교 | 12612 | 16 | 2006-05-06 | 2006-05-06 20:08 |
|
===== 스타일시트(css) 정리 ===== 속성 의미 Font 속성 Font-size 글자의 크기 Font-family 글꼴의 종류 Font-weight 글자의 두께 - normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Font-style 글자의 모양 - norm...
|
| 295 |
일반
Target의 속성
1
|
오작교 | 12685 | 20 | 2006-05-06 | 2006-05-06 09:27 |
|
※ target 속성 타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다. 특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성이랍니다. 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없...
|
| 294 |
CSS
투명한 아이프레임 만들기
|
오작교 | 12828 | 28 | 2006-04-17 | 2006-04-17 15:53 |
|
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
| 293 |
CSS
"즐겨찾기에 추가" 버튼 만들기
|
오작교 | 13071 | 32 | 2006-04-16 | 2006-04-16 21:23 |
|
헤드부분에 <script language="JavaScript1.2"> var url="즐겨찾기에 추가할 주소" var title="즐겨찾기에 표시할 타이틀" function addfavorites() { if (document.all) window.external.AddFavorite(url,title) } </script> 클릭할 버튼이나 이미지,텍스트에...
|
| 292 |
CSS
스타일시트로 배경에 그라이언트 효과
|
오작교 | 13081 | 14 | 2006-09-14 | 2006-09-14 11:47 |
|
<head>사이에 <style type="text/css"> .color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=yellowgreen, EndColorStr=#FFFFFF)';font-size: 9pt; border:0 solid #000000;height:40px;} .color2 {filter='progid:DX...
|
| 291 |
CSS
레이어를 원하는 곳에 고정하기
|
오작교 | 13089 | 22 | 2006-04-16 | 2006-04-16 21:14 |
|
다음을 헤드나 바디에 넣으세요. <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; action = window.setInterval("heartBeat()",1); function heartBeat() { // combowid...
|
| 290 |
CSS
Font의 속성값
|
오작교 | 13100 | 35 | 2006-05-06 | 2006-05-06 10:17 |
|
☞ text-align , text-indent text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 ...
|
| 289 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 13102 | 16 | 2006-05-06 | 2006-05-06 10:29 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 288 |
CSS
싸이즈대로 새창 띄우기(여러 가지 문서)
|
오작교 | 13108 | 13 | 2006-09-14 | 2006-09-14 10:47 |
|
1번=플래시가 들어있는 html문서 2번=동영상이 들어있는 html문서 3번=이미지가 들어있는 html문서 4번=플래시가 들어있는 html문서 로서 각각의 문서에 모두 script src="resizewin.js"를 넣어줘야 하며 head부분에 dolion = new resizeWin(600,550); dolion....
|
| 287 |
CSS
Font의 속성값-2
|
오작교 | 13113 | 25 | 2006-05-06 | 2006-05-06 10:18 |
|
☞ padding-top , padding-left , paddding-bottom , padding-right 앞페이지에서 배운 margin하곤 비슷한 기능인데요...역시 여백조정 속성입니다. 그러나 padding속성은 margin속성에 비해 글자나 요소간에 겹치게 할 수가 없답니다. margin보다는 그리 많이 ...
|
| 286 |
CSS
스크롤바 디자인 하기
1
|
오작교 | 13153 | | 2021-01-09 | 2022-02-02 11:30 |
|
scroll bar 디자인::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */ ::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */ ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */...
|
| 285 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 13164 | | 2008-09-08 | 2008-09-08 14:11 |
|
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
| 284 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 13211 | 35 | 2006-04-17 | 2006-04-17 15:50 |
|
텍스트에 MouseOver 적용하기 span OnMouseOver="this.style.color='#529CFF'" OnMouseOut="this.style.color=''">오작교의 홈/span> #529CFF 는 마우스가 올라갔을 때 변하는 글자색 span OnMouseOver="this.style.fontSize='15pt'" OnMouseOut="this.style....
|
