Html Tips

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

  1. No Image

    기본적인 태그 (링크걸기)|

    <a href="주소">표시할 글자</a> 위처럼 태그를 넣으면 보이는건 표시할글자 내용이고 그글자를 누르면 써넣은 주소로 이동이 됩니다 예)글자색과 링크 시키는 방법(target)을 덧 붙이면 아래 방법으로 넣으면 되겠죠 <a href="주소" target="_blank">홈으로</...
    Date2008.07.12 팔공산 Reply1 Views9,187
    Read More
  2. No Image

    가장 기본적인 태그들

    1. 홈페이지 태그 ※ 그림 관련 태그 <IMG> 그림을 삽입하기 위한 태그 <IMG SRC="파일명" BORDER=n> 그림을 나타나게함.테두리선은 n값 <IMG SRC="파일명" BORDER=0 WIDTH=n HEIGHT=n> 그림의 넓이와 높이를 지정 <IMG SRC="파일명" ALT="그림설명"ALIGN=LEFT,...
    Date2008.07.12 팔공산 Views7,012
    Read More
  3. 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 Views7,249
    Read More
  4. No Image

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

    css관련 태그 입니다. 일반적으로 테이블 크기를 정해놓고 나서 글을 공백없이 줄바꿈없이 쓰게되면.. 예) 사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기사랑되찾기 테이블 크기가 깨지기 마련입니다. 이걸 보...
    Date2008.07.12 팔공산 Reply1 Views8,580
    Read More
  5. 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 Views7,187
    Read More
  6. No Image

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

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

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

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

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

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

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

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

    네이밍 가이드

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

    논리 태그 사용

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

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

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

    xhtml 기본 작성법

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

    display:block 쪼금 더~

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

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

    덧글달기 CSS Coding TIP

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