Html Tips
홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다
-
CSS3 border-radius 이해하기
border-radius가 출현하면서 웹 디자이너들은 정말 열광했습니다 . 이전까지는 둥근모서리를 만들기 위해 엄청난 편법과 기법들이 난무했습니다. 이미지를 이용해서 둥근 모서리 만들기, 단순한 CSS만으로 둥근 모서리 만들기 등 둥근 모서리 박스를 만들기 위... -
IE 버젼별로 css 따로 적용하는 방법
웹이 널리 보급된 이유를 개발자 입장에서 찾으라면 html, css와 같은 비교적 간단한 문법과 jsp, php, asp 같은 server-side 언어의 발전을 들 수 있을것이다. 하지만 이 모든것의 배경에는 제작과 사용을 간단하게 만든 플랫폼이 있고, 이것이 바로 웹브라우... -
No Image
마퀴태그의 기본
- 기본속성들 설명 - marquee ☜ 마퀴태그의 기본입니다 앞에 꼭 넣어야 해요 scrollamount ☜ 빠르기지정.(숫자가 높을수록 절라빨라짐) scrolldelay ☜ 흔들리는 속성 direction ☜ 방향설정(left,right,up,down) behavior=alternate ☜ 좌우,상하왕복 loop ☜ 숫... -
No Image
이미지 바꾸기 소스
<table align="center" cellpadding="0" cellspacing="0" width="500"> <tr> <td> <SCRIPT> // "이미지는 바꾸어서 쓰세요" var slideshow=new Array( "http://pds12.egloos.com/pds/200906/06/18/a0102518_4a29fe104c7e8.jpg| 이미지... -
No Image
익스6에서만 작동되게하는 css구문
<!--[if lt IE 6]> <!--%import("css/default-ie.css")--> <![endif]--> 위의 문구는 ie6에서만 작동하는 css파일을 지정할때 사용하는 방법입니다. #gnb { position:absolute; top:0px; right:140px; _right:155px; font:11px arial, sans-serif; overflow:hi... -
No Image
CSS 기초 깨우치기
css 속성 설명 사용 예 font-family 글꼴을 설정합니다. {font-family:굴림,돋움} font-size 글꼴의 크기를 지정합니다 {font-size:12pt} font-style 글꼴의 스타일을 지정합니다 {font-style:ifalic} font-weight 글꼴의 두께를 지정합니다 {font-weight:bold... -
CSS 사용시 익스플로러 버그 해결하기
보통 CSS를 사용하면 파폭, 사파리, 오페라에서는 잘 보이는데 IE에서는 깨진다거나 IE7까지는 맞출 수 있지만 IE6까지 맞출 방법이 없다거나 그렇다고 IE6에다 맞추면 다른 브라우저에서 전부 깨져보인다던가 하는 난감한 일이 발생합니다. 그런 경우를 위한 ... -
CSS : 글꼴과 텍스트(2) - 장식과 자간 및 줄간
글꼴의 종류와 크기를 결정했다면, 볼드/이텔릭과 같은 글꼴의 장식 및 자간, 줄간 들여쓰기와 같은 문단 편집기능에 대하여 살펴봅니다. 몇몇 기능은 브라우저에 따라, 적용/미적용 여부가 다르며, 적용되더라도 화면의 보여지는 모습이 다릅니다. 충분한 테... -
No Image
기본적인 태그 (링크걸기)|
<a href="주소">표시할 글자</a> 위처럼 태그를 넣으면 보이는건 표시할글자 내용이고 그글자를 누르면 써넣은 주소로 이동이 됩니다 예)글자색과 링크 시키는 방법(target)을 덧 붙이면 아래 방법으로 넣으면 되겠죠 <a href="주소" target="_blank">홈으로</... -
No Image
가장 기본적인 태그들
1. 홈페이지 태그 ※ 그림 관련 태그 <IMG> 그림을 삽입하기 위한 태그 <IMG SRC="파일명" BORDER=n> 그림을 나타나게함.테두리선은 n값 <IMG SRC="파일명" BORDER=0 WIDTH=n HEIGHT=n> 그림의 넓이와 높이를 지정 <IMG SRC="파일명" ALT="그림설명"ALIGN=LEFT,... -
No Image
자신의 홈에 프린트버튼을 넣자
원하는 페이지에 넣어주세요.... 상단에 아래의 소스를.... <script> function print_this() { window.print(); } </script> 원하는 위치에 다 아래의 소스를... <input type=button onclick="print_this(); return false;" value="Print This Page"> 무진장 ... -
No Image
테이블(셀) 깨지지 않는 CSS
css관련 태그 입니다. 일반적으로 테이블 크기를 정해놓고 나서 글을 공백없이 줄바꿈없이 쓰게되면.. 예) 사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기 테이블 크기가 깨지기 마련입니다. 이걸 보... -
No Image
날짜 매개변수
a : "am" 또는 "pm" A : "AM" 또는 "PM" d : 두자리로 표현되는 날짜, 즉 "01"~"31" D : 세글자로 표현되는 요일, 즉 "Fri" F : 월을 긴 문장으로 나타냅니다. 즉 "January" h : 시간을 12시간 단위로 나타냅니다. "01"~"12" H : 시간을 24시간 단위로 나타냅... -
No Image
이미지 없이 그라데이션효과 주기
<table style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F352FF, EndColorStr=#FCEFFF)"> <tr> <td>내용</td> </tr> </table> 스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 이... -
No Image
자신의 홈페이지 단어를 더블클릭하면 네이버로 해당단어 검색을
제목 그대로 자신의 홈페이지 내에 올려진 글들중 단어를 더블클릭 네이버 새창이 뜨면서 그단어로 검색해 주는 스크립트입니다. /******************** never검색 **********************************/ var NS=(navigator.appName=='Netscape')?1:0; if (NS) ... -
No Image
뒤로..앞으로..새로고침 버튼 넣기
글자대신 이미지버튼을 사용하셔도 됩니다. ★뒤로가기 <a href="javascript:history.back()">뒤로</a> 혹은 <a href="javascript:history.go(-1)">뒤로</a> ★앞으로 <a href="javascript:history.go(1)">앞으로</a> ★새로고침 <a href="javascript:location.re... -
( align="absmiddle" ) 이미지와 글자 높낮이가 다를때 관해서
img align="속성" align="absmiddle" 에 대해서 몇가지 실험해봤어요 (익스와 파폭) 글자와 이미지의 세로 정렬 문제로.. 이글저글 읽어보다가 눈으로 확인하고 싶은 마음에 실험에 들어갔답니다 서투르신 분들께 도움이 되었으면 하는바램입니다...^^; 간단 ... -
붙어야 할 이미지가 붙지 않을때.
버턴과 버턴이나, 아님 이미지를 잘라서 웹상에서 붙여야 할때, 문법상으로는 아무 문제가 없는데. 아래이미지와 같이 딱 붙지를 않고 약간의 공백이 생길때 황당합니다. 그럴때는 css파일에서 해당 class를 찾아서 #top_index { position:absolute; top:0px; ... -
No Image
사각박스 코너를 이미지없이 둥글게 만드는법
http://www.zeroboard.com/16694989 사각박스의 코너를 이미지 처리없이 둥글게 구현하는 방법이 있더군요. 색깔도 다양하게 적용할 수 있구요. 아래 페이지의 적용 예(3개의 사각박스)를 보시면 알 수 있습니다. 스킨이나 레이아웃 등으로 만들지 못해서 그냥... -
No Image
CSS로 바꾸어 쓰는 HTML태그!.. [XHTML약간^^;]
박종훈 http://www.zeroboard.com/1498150 XHTML및 HTML 4.01부터 사용 불가능한 태그 : center, s, strike, u 등이 있습니다. center의 대책!.. CSS로 바꾸어 씁니다. text-align: center; s의 대책!..[strike 포함] CSS로 바꾸어 씁니다. text-decoration: l...