| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 200035 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 215607 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 214682 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 83 |
CSS
Font의 속성값
|
오작교 | 9834 | 35 | 2006-05-06 | 2006-05-06 10:17 |
|
☞ text-align , text-indent text-align 속성은 뭘 까요? 그냥 척 보면 알겠죠.... 정렬해주는 기능이죠. 뭘 정렬해주냐고요? 글자뿐만 아니라 이 속성에 포함된 요소의 정렬방식을 결정해주는 기능을 합니다. text-indent속성은 들여쓰기의 길이를 정해주는 ...
|
| 82 |
일반
Form 태그
1
|
오작교 | 11702 | 17 | 2006-05-06 | 2006-05-06 09:30 |
|
※ form 태그란? 일반적으로 form태그는 입력양식을 만들 때 많이 사용됩니다. 입력양식이란 어떠한 데이터를 받아 전송해주는 양식을 말하는 것입니다. 예를 들자면 방명록이나 게시판, 설문조사, 회원등록 폼 등 이런 것을 말하는 것이죠. 이러한 입력양식의 ...
|
| 81 |
일반
Target의 속성
1
|
오작교 | 9791 | 20 | 2006-05-06 | 2006-05-06 09:27 |
|
※ target 속성 타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다. 특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성이랍니다. 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없...
|
| 80 |
일반
IFRAME에 들어가는 속성
|
오작교 | 10657 | 19 | 2006-05-06 | 2006-05-06 09:14 |
|
※ 속성 속 성 기 능 src ="주소" iframe 창에 나타내고자 하는 창의 주소(경로)를 넣는다 name iframe 창도 target 설정을 할 수 있다. name을 지정한다. ( target 에 대해선 링크태그 부분 참조) frameborder="yes/no or 1/0" bordercolor="테두리색상" 테두...
|
| 79 |
일반
투명 반투명 아이프레임 넣기
|
오작교 | 10353 | 8 | 2006-05-05 | 2006-05-05 11:04 |
|
예제보기 : https://www.tagmania.net/love/iframetrans.htm 주의사항 : 익스 5.5 이상 가능 1. 투명 iframe 창 만들기 두가지를 준비해야 됩니다. 첫번째는 다음과 같은 형식의 iframe 태그를 만들어 줍니다. <iframe src="웹페이지 주소" allowtransparency=...
|
| 78 |
Script
아이프레임에서 내용에 따라 크기조정하기
|
오작교 | 12420 | 13 | 2006-04-19 | 2006-04-19 14:23 |
|
웹상에서 iframe를 불러 들였을 때 iframe 내용에 따라 자동으로 크기가 조절 되는 스크립트 입니다. 부모 페이지와 iframe 내용에 해당하는 페이지가 다른 도메인일 때도 가능합니다. 방법은 간단 합니다. 밑의 자바 스크립트를 iframe의 내용에 해당하는 페...
|
| 77 |
CSS
글자 반전시키기
|
오작교 | 13627 | 18 | 2006-04-17 | 2006-04-17 16:15 |
|
이번에는 이미지가 아닌 글자 자체를 반전시켜 나타내는 법을 알려드리겠습니다. 아래를 보시면 글자가 뒤집어져서 보여지는걸 보실수 있으실 겁니다. N+gine N+gine 위처럼 두 문자가 반전된 효과를 보실수 있으실 겁니다. 사용은 별로 어렵지 않습니다. 위의...
|
| 76 |
CSS
배경 고정시키기
|
오작교 | 9750 | 15 | 2006-04-17 | 2006-04-17 16:14 |
|
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
|
| 75 |
CSS
스타일 시트 활용(4) - 커서 모양을 마음대로
|
오작교 | 9608 | 12 | 2006-04-17 | 2006-04-17 16:13 |
|
여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요? 근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모...
|
| 74 |
CSS
스타일 시트 활용(3) - 문서내에 작은 스크롤상자 만들기
|
오작교 | 10427 | 14 | 2006-04-17 | 2006-04-17 16:10 |
|
css의 overflow 속성을 이용하면 깔쌈한 스크롤 박스를 만들수 있습니다. 이 효과를 쓰시면 html 문서내에 iframe을 적용한 효과 비슷하게 나오지만 더욱더 활용도가 높습니다. iframe처럼 문서 하나 더 들어가지도 않고 스타일시트로 효과도 줄 수 있으니까요...
|
| 73 |
CSS
스타일 시트 활용(2) - 레이아웃을 원하는 대로
|
오작교 | 13067 | 11 | 2006-04-17 | 2006-04-17 16:10 |
|
먼저 스타일을 안쓰고 문서의 여백을 0으로 만들고자 할때는 <html> <head> <title>여백 0 만들기</title> <body bgcolor="White" text="black" leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <img src="test.jpg" > </body> </html> 이렇게 하...
|
| 72 |
CSS
스타일 시트 활용(1) - 문서의 가독성을 높여 보자
|
오작교 | 9715 | 25 | 2006-04-17 | 2006-04-17 16:08 |
|
여기에서는 행간과 글자크기 그리고 폰트 조절로 홈페이지의 가독성을 높이는 방법을 알아볼까 합니다. 글의 행간을 조절하면 홈페이지에 가독성이 좋아집니다. 글이 따닥따닥 붙어 있는것 보다두 말이지요 자 이부분의 글자 간격을 보세요 너무 글이 딱딱 붙...
|
| 71 |
CSS
스타일 시트 (2) - 예제를 통해 감을 잡자
|
오작교 | 9833 | 15 | 2006-04-17 | 2006-04-17 16:04 |
|
앞에서도 살펴보았듯이 스타일 시트는 양식과 구조를 분리하는 특징을 가지고 있습니다. 여기에서는 한 문서내에 스타일 시트를 적용하는 예를 보여 드렸지만 스타일시트를 사용하면 사이트에 모든 페이지를 하나의 CSS 문서로 컨트롤 할 수도 있습니다. 지금...
|
| 70 |
CSS
스타일시트 -1
|
오작교 | 9729 | 17 | 2006-04-17 | 2006-04-17 16:03 |
|
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
|
| 69 |
CSS
CSS란 무엇인가?
|
오작교 | 10083 | 13 | 2006-04-17 | 2006-04-17 15:59 |
|
CSS 는 Cascading Style Sheets 의 약자로 일반적으로 CSS 내지는 스타일 시트 라고 불리어 집니다. 이것이 하는 주된 기능(?)은 문서의 글자모양, 크기, 링크형식 결정, 행간 길이 조절, 여러종류의 문자종류 설정, 마진값 조절, 문자에 간단한 효과주기 등입...
|
| 68 |
일반
특수문자의 모음
|
오작교 | 10701 | 10 | 2006-04-17 | 2006-04-17 15:55 |
|
특수문자 모음 BODY { scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:...
|
| 67 |
CSS
투명한 아이프레임 만들기
|
오작교 | 9446 | 28 | 2006-04-17 | 2006-04-17 15:53 |
|
iframe 으로 페이지를 삽입하게 되면 기본적으로 전체 페이지 속에 또 다른 페이지가 삽입됩니다. 물론 그 페이지에 배경이 있었다면.. iframe 때문에 가려지게 됩니다. 그런데..꼭 그렇지만두 않다는 사실..~!! 즉.. 투명한 아이프레임을 만들수도 있다는... ...
|
| 66 |
CSS
텍스트에 MouseOver적용하기
|
오작교 | 10572 | 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....
|
| 65 |
Script
부드러운 이미지 체인징하기
|
오작교 | 11527 | 10 | 2006-04-17 | 2006-04-17 15:39 |
|
1. <head>와 </head> 태그안 원하는 위치에 삽입하기 <script language="JavaScript"> <!-- var img1 = new Image(); img1.src = "표시할 그림1 경로"; var img2 = new Image(); img2.src = "표시할 그림2 경로"; var img3 = new Image(); img3.src = "표시할...
|
| 64 |
일반
자동으로 페이지 이동하기
|
오작교 | 10387 | 15 | 2006-04-17 | 2011-11-20 17:29 |
|
자동으로 다른 페이지로 이동 일정 시간 후 자동으로 바뀐 주소로 이동하게 할 수 있게 합니다. 계정을 옮겨서 홈페이지 주소에 변동이 생겼을 때 많이 사용되는 방법입니다. 에 아래 소스를 넣습니다. <meta http-equiv="refresh" content="3; url=https://ki...
|
