웹디자인 강의 - HTML/CSS
글수 464
태그!!
applet - object 태그로 사용합니다.
basefont - CSS로 대체해 사용합니다.
center - CSS inline
dir, menu - ol or ul 태그를 대신 사용합니다.
font - CSS font-family, font-size 등...
iframe - 사용 불가
isindex - input 태그로 사용합니다.
s, strike - CSS text-decoration: strike-through
u - CSS text-decoration: underline
속성!! (괄호 속은 해당하는 태그)
align (caption, img, input, object, legend, table, hr) - 사용 불가
align (div, h1, h2, h3, h4, h5, h6, p) - CSS text-align 으로
alink (body) - CCS에서 a:link
background (body, table, tr, td, th) - CSS background
border (img, object) - CSS border
clear (br) - CSS에서 clear
compact (dl, ol, ul) - CSS line-height
height (table) - 사용 불가
height (td, th) - 사용 불가; 대신의 셀 속의 내용에 맞춰서 크기가 조정되도록 하세요.
hspace (img, object) - CSS padding
language (script) - type / MIME type 사용
link (body) - CSS a:link
name (img) - id를 이용하세요.
noshade (hr) - 사용 불가
nowrap (td, th) - CSS white-space: pre
size (hr) - CSS margin-left, margin-right
start (ol) - 사용 불가
target (a) - 사용 불가
text (body) - CSS color
type (li, ol, ul) - CSS list-style
value (li) - 사용 불가
version (html) - 사용 불가
vlink (body) - CSS a:visited
vspace (img, object) - CSS padding
width (hr, pre) - CSS width
width (td, th) - 사용 불가
추가적인 TIP으로,
XHTML 1.0 Strict를 사용하면서 table로 레이아웃을 짜려는 건 바보 같은 일입니다. (절대 불가능!) ;;
XHTML 1.0 Transitional에서도 table로 레이아우 짜는 건 거의 불가능 합니다. (ㅠㅠ)
쉽게 말해서 table 쓰지 마세요. 대신 div 등을 이용합니다.
가능한 속성들은 모두 CSS로 해주세요.
applet - object 태그로 사용합니다.
basefont - CSS로 대체해 사용합니다.
center - CSS inline
dir, menu - ol or ul 태그를 대신 사용합니다.
font - CSS font-family, font-size 등...
iframe - 사용 불가
isindex - input 태그로 사용합니다.
s, strike - CSS text-decoration: strike-through
u - CSS text-decoration: underline
속성!! (괄호 속은 해당하는 태그)
align (caption, img, input, object, legend, table, hr) - 사용 불가
align (div, h1, h2, h3, h4, h5, h6, p) - CSS text-align 으로
alink (body) - CCS에서 a:link
background (body, table, tr, td, th) - CSS background
border (img, object) - CSS border
clear (br) - CSS에서 clear
compact (dl, ol, ul) - CSS line-height
height (table) - 사용 불가
height (td, th) - 사용 불가; 대신의 셀 속의 내용에 맞춰서 크기가 조정되도록 하세요.
hspace (img, object) - CSS padding
language (script) - type / MIME type 사용
link (body) - CSS a:link
name (img) - id를 이용하세요.
noshade (hr) - 사용 불가
nowrap (td, th) - CSS white-space: pre
size (hr) - CSS margin-left, margin-right
start (ol) - 사용 불가
target (a) - 사용 불가
text (body) - CSS color
type (li, ol, ul) - CSS list-style
value (li) - 사용 불가
version (html) - 사용 불가
vlink (body) - CSS a:visited
vspace (img, object) - CSS padding
width (hr, pre) - CSS width
width (td, th) - 사용 불가
추가적인 TIP으로,
XHTML 1.0 Strict를 사용하면서 table로 레이아웃을 짜려는 건 바보 같은 일입니다. (절대 불가능!) ;;
XHTML 1.0 Transitional에서도 table로 레이아우 짜는 건 거의 불가능 합니다. (ㅠㅠ)
쉽게 말해서 table 쓰지 마세요. 대신 div 등을 이용합니다.
가능한 속성들은 모두 CSS로 해주세요.
2005.01.22 01:24:53 (*.156.22.126)
XML이 대세인 만큼... XHTML에 조금씩 익숙해지는 것도 좋을 것 같습니다.
사실 XHTML Strict는 너무 Strict해서 사용하기 힘드니, 시작하시는 분들은 XHTML 1.0 Transitional을 사용하시는 걸 추천해드리고 싶네요.
그리고 곧 XHTML 2.0도 나온다고 하니... ^-^;
사실 XHTML Strict는 너무 Strict해서 사용하기 힘드니, 시작하시는 분들은 XHTML 1.0 Transitional을 사용하시는 걸 추천해드리고 싶네요.
그리고 곧 XHTML 2.0도 나온다고 하니... ^-^;
2005.01.22 02:15:35 (*.147.115.26)
iframe은 역시 환영받지 못하는군요... 뭐.. 역시나 추천할 만한 녀석(태그)은 아니지만.. 그래도 유용한 녀석인데 말이죠=_=b
그나저나 왜 저렇게 제약이 심한지 모르겠군요...
테이블마저 죽였군요...
표준이나 호환성도 중요하고 사용빈도가 낮은 태그라던지 유사기능의 속성의 중복을 제거한다는 것도 좋지만...
왜 편리하고 간단한 태그(내의 속성)들을 죽이는건지...
왜 편리한 쪽으로 표준을 정하지 않는(못하는)걸까.. 의문이네요...
그나저나 왜 저렇게 제약이 심한지 모르겠군요...
테이블마저 죽였군요...
표준이나 호환성도 중요하고 사용빈도가 낮은 태그라던지 유사기능의 속성의 중복을 제거한다는 것도 좋지만...
왜 편리하고 간단한 태그(내의 속성)들을 죽이는건지...
왜 편리한 쪽으로 표준을 정하지 않는(못하는)걸까.. 의문이네요...
2005.01.22 10:00:04 (*.153.224.55)
<a href="http://주소" onclick="window.open(this.href, '타겟'); return false;">클릭</a>
2005.01.22 10:52:50 (*.126.38.54)
div 레이아웃은 어렵지만, 어떤 브라우저라도 잘 보입니다.
타겟을 사용해서 새 창을 띄우는건 초보방문자에게 실례 되는 일이라내요.(그래도 필요한데..OTL)
타겟을 사용해서 새 창을 띄우는건 초보방문자에게 실례 되는 일이라내요.(그래도 필요한데..OTL)
2005.01.22 11:52:51 (*.156.22.126)
간단한 table 사용은 가능하지만,
table로 홈페이지 레이아웃을 꾸미는 것은 상당히 힘들 답니다.
그리고 target링크에서 토토루님 방법 대신
<a onclick="window.open('주소', '타겟');" style="cursor:pointer;">클릭</a> 가 더 간편할 듯 ^^
table로 홈페이지 레이아웃을 꾸미는 것은 상당히 힘들 답니다.
그리고 target링크에서 토토루님 방법 대신
<a onclick="window.open('주소', '타겟');" style="cursor:pointer;">클릭</a> 가 더 간편할 듯 ^^
2005.01.22 11:56:44 (*.156.22.126)
div만을 이용해서 레이아웃을 짠 페이지입니다.
http://edene.com/nzeo/java/?no=0002&mode=source
물론 w3컨소시움에서 제안하는 방식의 div 사용법은 아닙니다만, table로는 도무지 저 레이아웃 만드는 것이 힘들더군요.
div로 짜서, javascript로 div를 정렬해주었습니다. 따라서 그다지 좋은 예제라고는 할 수 없겠네요. 추후에 w3.org처럼 재구성해볼 생각입니다만, 막막하답니다... ;
http://edene.com/nzeo/java/?no=0002&mode=source
물론 w3컨소시움에서 제안하는 방식의 div 사용법은 아닙니다만, table로는 도무지 저 레이아웃 만드는 것이 힘들더군요.
div로 짜서, javascript로 div를 정렬해주었습니다. 따라서 그다지 좋은 예제라고는 할 수 없겠네요. 추후에 w3.org처럼 재구성해볼 생각입니다만, 막막하답니다... ;
2005.01.22 14:06:11 (*.153.224.55)
테이블로 가능합니다..
시간이 없어 대충 만들어 봤는데.. 아래 링크에 눌러 나온 소스를 test.php로 저장한후 웹에서 보시길.. :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
적용한겁니다..^_^
http://validator.w3.org에서 테스트해보니 만점 입니다 :)
http://www.neosky.info/xhtml1.phps
시간이 없어 대충 만들어 봤는데.. 아래 링크에 눌러 나온 소스를 test.php로 저장한후 웹에서 보시길.. :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
적용한겁니다..^_^
http://validator.w3.org에서 테스트해보니 만점 입니다 :)
http://www.neosky.info/xhtml1.phps
2005.01.22 20:32:05 (*.223.39.120)
div 기반 레이아웃은 float, clear 속성 등을 적절히 이용하면 됩니다. (예제: http://hanra.dittos.info/mirage/?css=greentea )
2005.01.22 22:27:00 (*.156.22.126)
토토루 // 테이블로 하셨지만, 막상 높이 조절을 안하셨더라구요 ;;
그리고 제가 소개한 페이지가 간단해서 그렇지,
윤미님 예전 사이트나,... (음..; 적당한 예제를 못 찾는 중;;)
테이블로 화면하나에 쏙 들어오게 해서 만든 사이트들은 xhtml로 거의 불가능하죠. 높이 설정부터가 힘드니깐요.
테이블 높이 설정하려면 문서 높이도 설정해줘야 작동을 하고 ;;
http://edene.com/가보시면 알겠지만, 약간 테이블이 개판오분전입니다 ;;
그리고 제가 소개한 페이지가 간단해서 그렇지,
윤미님 예전 사이트나,... (음..; 적당한 예제를 못 찾는 중;;)
테이블로 화면하나에 쏙 들어오게 해서 만든 사이트들은 xhtml로 거의 불가능하죠. 높이 설정부터가 힘드니깐요.
테이블 높이 설정하려면 문서 높이도 설정해줘야 작동을 하고 ;;
http://edene.com/가보시면 알겠지만, 약간 테이블이 개판오분전입니다 ;;



