| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 199966 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 215546 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 214607 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 303 |
window.open() 사용례
|
오작교 | 2350 | | 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() 함수 사용법
|
오작교 | 3304 | | 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
|
오작교 | 7432 | | 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; } /* 실질적 스크롤 바 */...
|
| 300 |
CSS
칼라에 관한 스타일시트-1
1
|
오작교 | 8857 | 18 | 2006-05-06 | 2006-05-06 10:27 |
|
이번 강좌에서는 컬러와 관련된 스타일 시트에 대해서 알아보도록 하겠습니다. 컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있...
|
| 299 |
CSS
스타일 시트를 계속 사용하지
|
오작교 | 9290 | 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 하...
|
| 298 |
CSS
투명한 아이프레임 만들기
|
오작교 | 9431 | 28 | 2006-04-17 | 2006-04-17 15:53 |
|
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
| 297 |
CSS
스타일 시트 활용(4) - 커서 모양을 마음대로
|
오작교 | 9592 | 12 | 2006-04-17 | 2006-04-17 16:13 |
|
여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요? 근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모...
|
| 296 |
CSS
alpha filter에 사용되는 용어들
|
오작교 | 9622 | | 2008-09-08 | 2008-09-08 14:11 |
|
alpha filter의 style=1은 Linear 로 직선 형태의 alpha 효과 입니다. style=1의 Linear를 사용하면 마치 포토샵의 Gradient 와 같은효과를 낼수있습니다. * Gradient : 한 색이 다른 색으로 자연스럽게 변해가는 효과. 사용법 : alpha filter를사용할 대상에...
|
| 295 |
CSS
스타일 시트 활용(1) - 문서의 가독성을 높여 보자
|
오작교 | 9698 | 25 | 2006-04-17 | 2006-04-17 16:08 |
|
여기에서는 행간과 글자크기 그리고 폰트 조절로 홈페이지의 가독성을 높이는 방법을 알아볼까 합니다. 글의 행간을 조절하면 홈페이지에 가독성이 좋아집니다. 글이 따닥따닥 붙어 있는것 보다두 말이지요 자 이부분의 글자 간격을 보세요 너무 글이 딱딱 붙...
|
| 294 |
CSS
스타일 시트 총정리
|
오작교 | 9702 | 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...
|
| 293 |
CSS
스타일시트 -1
|
오작교 | 9720 | 17 | 2006-04-17 | 2006-04-17 16:03 |
|
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
|
| 292 |
CSS
Filter Grow 적용하기
|
오작교 | 9722 | 25 | 2006-05-06 | 2006-05-06 20:23 |
|
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
|
| 291 |
CSS
Font의 속성값-2
|
오작교 | 9728 | 25 | 2006-05-06 | 2006-05-06 10:18 |
|
☞ padding-top , padding-left , paddding-bottom , padding-right 앞페이지에서 배운 margin하곤 비슷한 기능인데요...역시 여백조정 속성입니다. 그러나 padding속성은 margin속성에 비해 글자나 요소간에 겹치게 할 수가 없답니다. margin보다는 그리 많이 ...
|
| 290 |
CSS
배경 고정시키기
|
오작교 | 9732 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
| 289 |
CSS
여러방법의 창닫기
|
오작교 | 9736 | 23 | 2006-04-16 | 2006-04-16 21:41 |
|
<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987"> <STYLE>BODY { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=1 cel...
|
| 288 |
CSS
스타일 시트 위치지정과 레이어
1
|
오작교 | 9747 | 16 | 2006-05-06 | 2006-05-06 10:29 |
|
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
|
| 287 |
일반
Target의 속성
1
|
오작교 | 9779 | 20 | 2006-05-06 | 2006-05-06 09:27 |
|
※ target 속성 타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다. 특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성이랍니다. 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없...
|
| 286 |
CSS
Font의 속성값
|
오작교 | 9817 | 35 | 2006-05-06 | 2006-05-06 10:17 |
|
☞ text-align , text-indent text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 ...
|
| 285 |
CSS
스타일 시트 (2) - 예제를 통해 감을 잡자
|
오작교 | 9819 | 15 | 2006-04-17 | 2006-04-17 16:04 |
|
앞에서도 살펴보았듯이 스타일 시트는 양식과 구조를 분리하는 특징을 가지고 있습니다. 여기에서는 한 문서내에 스타일 시트를 적용하는 예를 보여 드렸지만 스타일시트를 사용하면 사이트에 모든 페이지를 하나의 CSS 문서로 컨트롤 할 수도 있습니다. 지금...
|
| 284 |
일반
이미지와 글자정열
1
|
오작교 | 9915 | 12 | 2006-05-06 | 2006-05-06 20:14 |
|
기본적으로 이미지를 넣고 그 옆에 글자를 넣게 되면 아래로 정렬이 됩니다 상황에 따라서는 바꿔야 할 필요가 있으므로 여러 가지 정렬방식을 알아두는 것도 필요합니다 아무것도 사용하지 않은 기본 정렬입니다 이미지 아래와 똑같은 위치에 놓이게 됩니다 ...
|
