Home > Rhymix > Html

Html Tips

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

  1. No Image

    네이밍 가이드

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

    논리 태그 사용

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

  3. POSITION속성과 그 속성값

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

  4. 긴 제목 마우스오버시에만 보기

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

    xhtml 기본 작성법

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

    display:block 쪼금 더~

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

  8. 글들의 상하 정렬위치 설정 vertical-align속성

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

    덧글달기 CSS Coding TIP

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

    TD안엔 DIV를 넣어라?

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

    제발...alt텍스트와 title텍스트를 구분해조바바

    이 일을 하면서 가장 분개하는 것은... 어떤 넘인지는 몰라도... 프로그램 하나 잘못 만들어서... 잘못된 사용법이 기준이 되는 억지의 상황이 연출된다는 것이다. 이미지 태그에 alt="회사소개"를 사용한다면... 이것은 alternative context의 약자로 이미지...
    Date2008.04.04 팔공산 Reply1 Views6825
    Read More
  13. No Image

    태그의 상세분류

    먼 HTML을 야그하는데 기초지식이니 머니 주절주절 하냐고 하겠지만, 엄연히 W3C에 의해 규정되어진, HTML뿐만 아니라 SGML, XML등등 이후의 어떠한 웹문서규격에도 공통적으로 규정되어질 것이니, 하찮은 HTML이라 하여 함부로 보지 말것이어다. 태그의 분류 ...
    Date2008.04.04 팔공산 Views4904
    Read More
  14. No Image

    DIV - 테이블은 이제 쉬어야할때...

    DIV - 테이블은 이제 쉬어야할때... 이해하기 좋은 글 같아서 퍼왔습니다.. :-) 테이블과 div의 조화를 위해.. ^_^/ 출처: http://ilmol.com 테이블은 이제 그만 쉬어야 할 때 - DIV 테이블(html의 table 을 칭함)은 이제 목적 이상의 일을 할 필요가 사라졌습...
    Date2008.04.04 팔공산 Reply2 Views7013
    Read More
  15. No Image

    CSS 속성 (margin, border, padding)

    1. Margin (BOX 의 여백지정) { margin-left : 여백값 ; --------> %값이나 길이단위로 표시. margin-right :여백값 ; 여백을 음수값을 주면 요소가 잘리는 현상발생 margin-top : 여백값 ; margin-bottom : 여백값; } - shorthand 로 표기할때 유의할 것 {mar...
    Date2008.04.04 팔공산 Reply1 Views5231
    Read More
  16. No Image

    이미지 없이 라운드 박스 만들기

    <html > <head> <style> .rtop, .rbottom{display:block;} .rtop *, .rbottom *{display:block; height:1px; overflow:hidden;} .r1{margin:0 5px; background:#CCCCCC} .r2{margin:0 3px; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; ba...
    Date2008.04.04 팔공산 Views4203
    Read More

  17. 검색창에 자동으로 한글 나오게 하기

    레이아웃.css를 편집기로 열어서 #isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; ...
    Date2008.04.02 팔공산 Views4305
    Read More
  18. No Image

    Zbxe레이아웃 간단하게 좌측정렬로 바꾸기

    해당 레이아웃의 css를 열어서 15줄 (예; /zbxe/layouts/xe_official/css/default.css) #bodyWrap { width:980px; margin:1.5em auto 0 auto; }를 #bodyWrap { position:absolute; width:980px; margin:1.5em auto 0 auto; } 로 변경하면 됩니다.
    Date2008.03.25 팔공산 Reply2 Views4271
    Read More

  19. iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스

    iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스. 두가지의 조건 1. 같은 서버내의 페이지를 iframe으로 삽입하는 경우. 2. 타 사이트의 페이지를 iframe으로 삽입하는 경우. [같은 서버내의 페이지를 삽입하는 경우] 1. 부모페이지...
    Date2008.03.09 팔공산 Views7716
    Read More
  20. No Image

    즐겨찾기 스크립트

    FF에서는 즐겨찾기에 추가 자바스크립트가 아예 안 되는줄 알았는데 구글링을 해보니 아주 좋은 소스가 있더군요. ※ 소스: ------------- <script type="text/javascript"> function bookmarksite(title,url) { // Internet Explorer if(document.all){ window...
    Date2008.02.21 팔공산 Reply1 Views5306
    Read More
목록
쓰기
Board Pagination Prev 1 2 3 Next
/ 3