| 공지 |
HTML
HTML 기초 다지기
 4
|
오작교 | 205920 | | 2008-06-17 | 2010-08-19 13:08 |
| 공지 |
HTML
HTML과 CSS의 종합 정리
1
|
오작교 | 221700 | | 2007-10-01 | 2010-08-19 12:45 |
| 공지 |
일반
스타일시트의 총정리
|
오작교 | 220784 | 14 | 2006-09-14 | 2010-08-19 12:45 |
| 103 |
Script
타이핑 되듯이 써지는 글자
1
|
오작교 | 12213 | 9 | 2006-04-16 | 2006-04-16 23:16 |
|
|
| 102 |
일반
원하는 위치에 이미지 삽입하기
|
오작교 | 27513 | 9 | 2006-04-16 | 2006-04-16 19:07 |
|
HTML에서 보통 이미지를 넣기 위해서는 테이블을 짜거나...해서 원하시는 위치에넣는게 일반적입니다. 공요소하여 닫는 태그가 없는 거 역시 <img>태그인데요... 이미지 요소를 원하는 위치에 넣는 방법이 있습니다. div태그나 span태그를 이용하여 style속성...
|
| 101 |
HTML
테이블(1신)-펌
|
오작교 | 12111 | 8 | 2007-06-19 | 2007-06-19 16:57 |
|
Table 에관하여 1신 Table에 대한 모든것을 기초적인것부터 고급편까지 계속설명을 드리겠습니다. 상당히 많은 양이라 시간이 허락하는대로 조금씩 올리겠어요. 오늘 첫번재 시간은 테이블의 테두리 스타일에 관하여 알아 보겠습니다. 테이블 테두리 모양에는...
|
| 100 |
HTML
홈페이지를 만들어 보자 (템플릿 -2)
|
오작교 | 14231 | 8 | 2007-02-03 | 2007-02-03 20:49 |
|
2. 메인 만들기 메인은 일반적으로 프레임(화면분할)을 많이 쓰죠? 메뉴와 내용나오는 부분 이케 첨엔 많이 하더라구요..^^ 저도 첨엔 그랬구...^^; 앞전에도 말씀드렸지만 화면을 분할해서(프레임사용) 메인을 만들고 안 만들고는 각각의 장단점이 있습니다. ...
|
| 99 |
HTML
테이블 만들기 - 1
|
멋진그대 | 14068 | 8 | 2007-01-29 | 2007-01-29 14:39 |
|
홈페이지를 제작하는데 있어서 표를 빼놓고는 홈페이지를 만든 다는 생각을 할 수 없을 정도로 table 태그는 아주 중요합니다. 또한 table 태그만 잘만 사용해도 웹 디자인은 따로 할 필요가 없을 정도로 유용한 태그입니다. 표를 잘 이용하면 홈페이지를 아주...
|
| 98 |
일반
투명 반투명 아이프레임 넣기
|
오작교 | 11804 | 8 | 2006-05-05 | 2006-05-05 11:04 |
|
예제보기 : https://www.tagmania.net/love/iframetrans.htm 주의사항 : 익스 5.5 이상 가능 1. 투명 iframe 창 만들기 두가지를 준비해야 됩니다. 첫번째는 다음과 같은 형식의 iframe 태그를 만들어 줍니다. <iframe src="웹페이지 주소" allowtransparency=...
|
| 97 |
Script
우측키 사용금지하는 소스
|
오작교 | 14577 | 7 | 2006-04-17 | 2006-04-17 15:24 |
|
<!-- body와 body 사이에 넣는다> <script language="JavaScript"> <!-- function click() { if ((event.button==2) || (event.button==3)) { alert('눌러서 뭐하게?'); } } document.onmousedown=click if (navigator.appName == "Netscape") { document.capt...
|
| 96 |
Script
움직임이 부드러운 슬라이딩 팁버튼
|
오작교 | 12662 | 6 | 2006-09-14 | 2006-09-14 10:29 |
|
문서가 아주 길 경우, 탑버튼을 넣어주어 한번에 위로 올려주는 버튼 만드는 방법 입니다. 우선 아래 소스를 복사하여 js파일을 만듭니다. function back_top() { x = document.body.scrollLeft; y = document.body.scrollTop; step = 2; while ((x != 0) || (...
|
| 95 |
일반
소스보기를 금지하려면
|
오작교 | 12067 | 6 | 2006-04-17 | 2006-04-17 15:22 |
|
소스보기를 금지하려면 body를 다음과 같이 수정하세요. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
|
| 94 |
HTML
이미지의 맵 - 2
|
오작교 | 13907 | 5 | 2007-02-03 | 2007-02-03 20:42 |
|
③ 맵 종류/좌표값/링크주소 설정 부분 <img src="이미지주소" usemap="#맵이름"> ① 이미지 태그 부분. <map name="맵이름"> ② 이미지 맵 태그 시작부분. <area shape="맵종류" coords="좌표값" href="링크될 주소"> ③ 맵 종류, 좌표값, 링크될 곳 설정 부분. <...
|
| 93 |
일반
글씨와 이미지 정렬하기
|
오작교 | 12542 | 5 | 2006-04-16 | 2006-04-16 18:32 |
|
글과 함게 나란히 싸이즈 작은 아이콘을 넣었을때 아이콘과 글씨가 정렬이 안될때가 있습니다. 이때, 이미지 태그옆에 align="absmiddle"를 넣어 줍니다. <img src="icon.gif" align="absmiddle">
|
| 92 |
HTML
이미지에 효과를 주어보자 - 3
|
오작교 | 14819 | 4 | 2007-02-03 | 2007-02-03 20:35 |
|
8. shadow dropshadow와 비슷한 명령어지만 약간에 다른 효과를 내는군요 속 성 기 능 color=색명 or RGB색상코드 효과를 나타낼 색상을 지정합니다 direction 나타나게될 그림자의 방향을 결정, 시계방향으로 0 45 90 135 180 225 270 315의 값을 지정 이것도...
|
| 91 |
Script
스크립트 에러 표시 없애기
2
|
오작교 | 13406 | 4 | 2006-08-29 | 2006-08-29 15:21 |
|
익스플로어 상태 표시줄에 스크립트 에러 경고 없애기자바스크립트를 많이 쓰다보면 특별히 에러가 없는데 익스플로어 밑에 오류메시지가 계속 해서 에러가 뜨는 경우가 가끔씩 생깁니다. 오류메세지가 떠야 오류를 잡겠지만 특별히 문제가 없다면 보기가 안좋...
|
| 90 |
HTML
테이블은 이제 쉬어야 할 때 -후편(後編)
|
오작교 | 12801 | 1 | 2007-09-05 | 2015-05-18 14:14 |
|
약간은 죄송한 마음이 없잖아 있습니다. 지난번 웹표준 잘못된 문구 에서 “CSS 기반 이라기 보다는 XHTML 기반 이라고 하는게 더 맞다” 라고 하면서 실제적으로 XHTML 에 관한것들이 있지 않아서 “먼소리데?” 라고 하셨으리라 생각됩니다. 오늘도 일하던중에 ...
|
| 89 |
window.open() 사용례
|
오작교 | 3371 | | 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...
|
| 88 |
Script
window.open() 함수 사용법
|
오작교 | 4464 | | 2023-12-10 | 2023-12-10 09:29 |
|
웹브라우저에서 새창을 열기 위해서 가장 간단히 사용할 수 있는 방법이 자바스크립트 window 객체의 open() 함수를 사용하는 것입니다. 1. 문법(Syntax) var ret = window.open(url, name, specs, replace); 1.1. 반환값(ret) 새로 만들어진 창 객체가 반환...
|
| 87 |
CSS
스크롤바 디자인 하기
1
|
오작교 | 8540 | | 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; } /* 실질적 스크롤 바 */...
|
| 86 |
HTML
html 특수문자 리스트
|
오작교 | 105255 | | 2015-09-17 | 2015-09-17 09:00 |
|
HTML 특수문자 리스트 HTML 상에서 특수문자가 제대로 나타나지 않을 수 있기 때문에 아래 문자들를 사용합니다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space 	 - 수평탭 space - 줄 삽입 - -&a...
|
| 85 |
HTML
html4와 5의 요소와 속성 차이
|
오작교 | 15849 | | 2015-09-13 | 2015-09-13 21:38 |
|
HTML4와 HTML5의 요소와 속성 차이 HTML5 태그의 활용에 대해서 정리를 해달라는 요청이 있어서 W3C의 초안 문서인 HTML5 differences from HTML4에서 요소와 속성을 중심으로 정리를 해 보았다. 실전 HTML5 가이드를 만들때에도 같은 작업을 했었는데 그 이후...
|
| 84 |
HTML
html4와 5의 차이
|
오작교 | 19683 | | 2015-09-13 | 2015-09-13 21:30 |
|
html4와 html5차이 참조 사이트: https://www.webphp.co.kr/bbs/board.php?bo_table=data_01&wr_id=6 *{font-size:12px} .tableList{border-top:solid 1px rgb(19,194,193);border-left:solid 1px rgb(209,209,209);border-right:none;border-bottom:none...
|
