2003년 4월 10일 목요일

HTML과 CSS,WWW(World Wide Web),PHP 메뉴얼

http://www.w3.org/  -> HTML -> HTML 4.0
http://www.w3schools.com/  -> Web Building -> Web W3c ->Search W3Schools
---
PHP 메뉴얼 들.

http://www.php.net/
http://phpnuke.org/
http://www.zend.com/
http://www.phpschool.com/
http://www.nzeo.com/
---
CSS 예제 파일
BODY { background-color: #ffffff; font-family: arial; font-size: 9pt }
A { text-decoration: underline }
A:link { color: #0000CC }
A:visited { color: #0000CC }
A:active { color: #0000CC }

A.tab_sel { text-decoration: none }
A.tab_sel:link { color: #FFFFFF }
A.tab_sel:visited { color: #FFFFFF }
A.tab_sel:active { color: #FFFFFF }

A.tab{ text-decoration: none }
A.tab:link { color: #0000CC }
A.tab:visited { color: #0000CC }
A.tab:active { color: #0000CC }

TD { color: #0000CC; font-size: 9pt; font-family: tahoma }
.normal { font-size: 8pt; text-align: center; background-color: #FFFFFF }
.normalb { font-size: 8pt; text-align: center; background-color: #CCFFFF }
//.warn { font-size: 8pt; text-align: center; background-color: #FF00CC }
.warn { font-size: 8pt; text-align: center; background-color: #FF0000 }
.crit { font-size: 8pt; text-align: center; background-color: #FF0000 }
.fail { font-size: 8pt; text-align: center; background-color: #4CB24C }
.down { font-size: 8pt; text-align: center; background-color: #D9D9D9 }

TD.sum_sv { color: black; width: 80px; height: 88px; font-weight: bold; font-size: 9pt; text-align: center; border: 1px solid #333333; background-color: #FFFF66 }
TD.sum_in { color: black; width: 80px; height: 88px; font-weight: bold; font-size: 9pt; text-align: center; border: 1px solid #333333; background-color: #F2FEF6 }
TD.sum_tcol { color: black; height: 48px; font-weight: bold; font-size: 9pt; text-align: center; border-top: 1px solid #333333; border-right: 1px solid #333333; background-color: #FFFF66 }
TD.sum_tcol2 { color: black; height: 24px; font-weight: bold; font-size: 9pt; text-align: center; border-top: 1px solid #333333; border-right: 1px solid #333333; background-color: #FFFF66 }
TD.sum_tcol3 { color: black; height: 24px; font-weight: bold; font-size: 8pt; text-align: center; border-top: 1px solid #999999; border-right: 1px solid #999999; background-color: #FFFF66 }
TD.sum_tcol3_end { color: black; height: 24px; font-weight: bold; font-size: 8pt; text-align: center; border-top: 1px solid #999999; border-right: 1px solid #333333; background-color: #FFFF66 }
TD.sum_scol { color: black; width: 50px; font-weight: bold; font-size: 8pt; height: 40px; text-align: center; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #333333; background-color: #CCFF66 }
TD.sum_scol_end { color: black; width: 50px; font-weight: bold; font-size: 8pt; height: 40px; text-align: center; border-top: 1px solid #999999; border-right: 1px solid #333333; border-bottom: 1px solid #333333; background-color: #CCFF66 }

TD.tab { height: 20px; font-size: 8pt; text-align: center; border-bottom: 1px solid #3366CC; background-color: #EFEFEF }
TD.tab_sel { color: white; height: 20px; font-size: 8pt; font-weight: bold; text-align: center; border-bottom: 1px solid #3366CC; background-color: #3366CC }
-----
CSS 파일에서 정의한 것들을 사용하는 방법.
1. html 파일을 하나 만든다.
2. <LINK href="css파일명과 확장자" rel="stylesheet" type="text/css">라는 줄을 삽입한다.
3. <TD class=tab></TD> 같은 식으로 tag를 사용하면 된다.

댓글 없음:

댓글 쓰기