조회 수 5226 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

위로 아래로 인쇄
?

단축키

Prev이전 문서

Next다음 문서

위로 아래로 인쇄
Extra Form
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
?
Comment '1'
  • h
    happycomp 2011.05.01 11:14

    점선이 dotted 였군요..;; 잘 쓰겠습니다.^^

    메뉴글자에 마우스 오버시 밑에 예쁜 색의 점선이 있으면 이쁘더라고요.

    메뉴에 적용하려면 스타일시트를 수정하면 되는 걸까요?..;;


Html Tips

홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다

  1. No Image

    자신의 홈에 프린트버튼을 넣자

    원하는 페이지에 넣어주세요.... 상단에 아래의 소스를.... <script> function print_this() { window.print(); } </script> 원하는 위치에 다 아래의 소스를... <input type=button onclick="print_this(); return false;" value="Print This Page"> 무진장 ...
    Date2008.07.12 팔공산 Reply2 Views7243
    Read More
  2. No Image

    테이블(셀) 깨지지 않는 CSS

    css관련 태그 입니다. 일반적으로 테이블 크기를 정해놓고 나서 글을 공백없이 줄바꿈없이 쓰게되면.. 예) 사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기 테이블 크기가 깨지기 마련입니다. 이걸 보...
    Date2008.07.12 팔공산 Reply1 Views8573
    Read More
  3. No Image

    날짜 매개변수

    a : "am" 또는 "pm" A : "AM" 또는 "PM" d : 두자리로 표현되는 날짜, 즉 "01"~"31" D : 세글자로 표현되는 요일, 즉 "Fri" F : 월을 긴 문장으로 나타냅니다. 즉 "January" h : 시간을 12시간 단위로 나타냅니다. "01"~"12" H : 시간을 24시간 단위로 나타냅...
    Date2008.07.12 팔공산 Reply1 Views7181
    Read More
  4. No Image

    이미지 없이 그라데이션효과 주기

    <table style="filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F352FF, EndColorStr=#FCEFFF)"> <tr> <td>내용</td> </tr> </table> 스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 이...
    Date2008.07.12 팔공산 Views8340
    Read More
  5. No Image

    자신의 홈페이지 단어를 더블클릭하면 네이버로 해당단어 검색을

    제목 그대로 자신의 홈페이지 내에 올려진 글들중 단어를 더블클릭 네이버 새창이 뜨면서 그단어로 검색해 주는 스크립트입니다. /******************** never검색 **********************************/ var NS=(navigator.appName=='Netscape')?1:0; if (NS) ...
    Date2008.07.12 팔공산 Reply1 Views7606
    Read More
  6. 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...
    Date2008.07.12 팔공산 Views9389
    Read More
  7. ( align="absmiddle" ) 이미지와 글자 높낮이가 다를때 관해서

    img align="속성" align="absmiddle" 에 대해서 몇가지 실험해봤어요 (익스와 파폭) 글자와 이미지의 세로 정렬 문제로.. 이글저글 읽어보다가 눈으로 확인하고 싶은 마음에 실험에 들어갔답니다 서투르신 분들께 도움이 되었으면 하는바램입니다...^^; 간단 ...
    Date2008.04.27 팔공산 Reply3 Views12382
    Read More
  8. 붙어야 할 이미지가 붙지 않을때.

    버턴과 버턴이나, 아님 이미지를 잘라서 웹상에서 붙여야 할때, 문법상으로는 아무 문제가 없는데. 아래이미지와 같이 딱 붙지를 않고 약간의 공백이 생길때 황당합니다. 그럴때는 css파일에서 해당 class를 찾아서 #top_index { position:absolute; top:0px; ...
    Date2008.04.19 팔공산 Views7387
    Read More
  9. No Image

    사각박스 코너를 이미지없이 둥글게 만드는법

    http://www.zeroboard.com/16694989 사각박스의 코너를 이미지 처리없이 둥글게 구현하는 방법이 있더군요. 색깔도 다양하게 적용할 수 있구요. 아래 페이지의 적용 예(3개의 사각박스)를 보시면 알 수 있습니다. 스킨이나 레이아웃 등으로 만들지 못해서 그냥...
    Date2008.04.08 팔공산 Views8361
    Read More
  10. 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...
    Date2008.04.04 팔공산 Reply1 Views7756
    Read More
  11. No Image

    네이밍 가이드

    CSS를 사용하기 이전에 예상가능한 class군을 설정하고서 제작을 하는 것이 좋습니다. class의 네이밍에 있어서도 편리함이 있고, 제작자가 아닌 다른 이가 코딩가이드만 보고서도 그 내용을 쉽게 파악하기도 쉬우며, 그 결과물만으로도 추후 제작될 사이트 디...
    Date2008.04.04 팔공산 Views5833
    Read More
  12. 논리 태그 사용

    논리(Logical) 태그란? 태그에 한가지 의미를 가지고 있는 것으로서, 초보자용 HTML 서적이나, 웹디자인 학원, 일선현장에서 전혀 사용되지 않는 태그들입니다. 이는 익스플로러와 넷스케이프같은 비주얼 브라우저에 국한하여 디자인하는 것 때문에 이같은 일...
    Date2008.04.04 팔공산 Views6122
    Read More
  13. POSITION속성과 그 속성값

    흔히들...position:absolute 이 속성을 레이어 띄우기용으로만 사용하는데... position값의 속성을 자세히 알면... 훨씬 다양한 레이어를 구성할 수 있다. position속성에는 4가지 값이 존재한다. absolute, relative, static, fixed 이중 static값은 position...
    Date2008.04.04 팔공산 Reply2 Views6954
    Read More
  14. 긴 제목 마우스오버시에만 보기

    프로그래머가 음악리스트부분의 작업하는 것을 보니... 글이 길때, 마우스오버하면 제목의 text들이 우에서 좌로 스크롤되도록 한다는 것을 알았다. 그런데...스크롤...이런 거 장점은 티끌만큼 있는 반면 단점은 우질라게 많은 거다. 게다가....Mozilla Firef...
    Date2008.04.04 팔공산 Views7360
    Read More
  15. No Image

    xhtml 기본 작성법

    CSS를 이용하여 html을 구성하는 것은... 궁극적으로 웹문서규격이 xhtml로 옮겨과는 중간과정중이라는 이유 하나밖에 없다. CSS를 이용하면 이런것이 좋고, 저런것이 좋고, 이런면에서 약간 어렵지만 다른 면에선 편하고 이런 것은 모두 부가적인 효과일뿐, ...
    Date2008.04.04 팔공산 Views5651
    Read More
  16. No Image

    display:block 쪼금 더~

    display:block; display:inline; display:none; 위에것은 너무나도 많이 쓸 것입니다. 오래전부터 자바스크립트를 이용하여 visibility속성과 함께 레이어를 보였다가 숨겼다가 하는 기능을 많이 사용했기 때문이죠. 기본적으로, 태그가 지닌 기본적인 display...
    Date2008.04.04 팔공산 Views9020
    Read More
  17. 글들의 상하 정렬위치 설정 vertical-align속성

    이전에 나온 모든 CSS관련된 책에는... vertical-align이 Block내의 상하 정렬 위치를 결정하는 속성으로 설명되어 있습니다. 이는 잘못된 것입니다. W3C.org에 권장된 사안이 아닌...브라우저에서 적용되는 예를 가지고 책의 내용을 만들었기 때문이죠. 저 또...
    Date2008.04.04 팔공산 Views12064
    Read More
  18. No Image

    덧글달기 CSS Coding TIP

    1번은 덧글과 날짜,아이콘그룹을 <BR>로 줄을 구분하였고, 2번은 덧글과 날짜,아이콘그룹을 <BR>로 줄구분없이 한 줄안에 코딩되었습니다. 그런데, 덧글이 길어져서 오른쪽 여백이 모자르게 되면... 아이콘만 아래로 내려간다거나, 날짜의 중간부분에서 줄바꿈...
    Date2008.04.04 팔공산 Views5273
    Read More
  19. No Image

    iframe 대신 사용하는 object 태그

    iframe 대신 사용하는 object 태그 <object id="miniwini" width="650" height="400" type="text/x-scriptlet"> <param name="url" value=http://www.naver.com> <param name="selectablecontent" value="0"> <param name=scrollbar value="1"> </object>
    Date2008.04.04 팔공산 Reply1 Views8811
    Read More
  20. No Image

    TD안엔 DIV를 넣어라?

    아니다. W3C의 어떤 곳에도 저것을 장려하거나 표준에 접합한 방법으로 제시하지 않았다. 하지만... 저것이 당연한 것으로 알고 있는 디자이너들이 너무 많다. 저것이 당연한 것으로 알게 되는 원인은 두가지이다. 1. HTML, XML에 통달한 한 외국 웹 디자이너...
    Date2008.04.04 팔공산 Reply1 Views21609
    Read More
목록
Board Pagination Prev 1 2 3 4 Next
/ 4
"