본문 바로가기

먹고살거/HTML,CSS

(13)

HTML - 이미지에 사용 될 수 있는 에트리뷰트 -id, class (전 문서를 통 한 지정자) -alt (대체 텍스트) -lang (언어 정보) -dir (글자 방향) -title (엘레멘트 제목) -style (인라인 스타일 정보) -onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (본질적 이벤트) -ismap, usemap (사용자(client side) 이미지맵) -align, width, height, border, hspace, vspace (오브젝트, 이미지와 애플렛의 보는 표현)

DHTML DHTML[Dynamic Hyper Text Markup Language] HTML 과 CSS 와 JAVASCRIPT 를 이용한것 홈페이지를 좀더 다이나믹하게 만들고자 고안 해 낸 방법중 하나이다. Nevigator의 DHTML은 JSS라 불리고 , Explorer의 DHTML은 CSS라 불린다. JSS : javascript style sheet , CSS : cascade style sheet DHTML의 특징 1. 태그들의 다양한 선택 속성들이 확장되었다. 2. 레이아웃기능이 추가되어 xy좌표를 지정하여 표시 할수 있다. 3. CGI등으로 처리해야할 일들을 각 클라이언트에서 처리하기 때문에 서버의 부하를 줄일수 있다. 4. 단점 : 아직 브라우저간의 지원 사항이 서로 달라 적용범위가 일부분으로 제한..

핵 사용한다고 꼭 나쁜건 아닌것같은데.. 표준에는 맞지 않지만 그렇다고 틀리게 보이는걸 맞추려고 핵을 사용한다고해서 나쁜건 아닌것같다 안그랬음 왜 핵을 만들엇겠는가? 이세상에 브라우져는 너무너무 많다 이젠 핸드폰 이라고 모바일 웹도 생겨서 미칠지경 ie6,ie7,ie8,ie9에 ie10베타 버젼도 나오고 파이어폭스에 사파리에 오페라에 크롬 안드로이드, 아이폰, 베가, OS... 해결책은 엄청난 기술의 마크업 실력을 가져서 하던가 아니면 꼼수를 부려 노가다로 맞추던가.. =_=.. http://blog.naver.com/0131v?Redirect=Log&logNo=110119269445

IE6만 사용하는 파일설정 IE6은 항상 문제가 많다! 다른곳은 다 잘되고 IE6만 문제일때!!! 그럴때는 ~~?? ex)png를 사용할때(휴...), style을 따로 설정해야할때!!!!!!!!(핵사용ㅠ) 등등..

fieldset 컨텐츠 내용에는 항상 제목이있다. 그제목을 표현하려면 라는것이 필요하다. label이 컨텐츠 였다면 이걸 설명하는것이 있어야하겠지.....................? 예로 로그인을 들어보겠습니다. **html코딩 --------------------------------------------------------------------------- 로그인하기 아이디입력 비밀번호입력 --------------------------------------------------------------------------- **CSS 코딩 -------------------------------------------------------------------------------------------------..

Object 대체 컨텐츠 *object안에 있는 컨텐츠를 대체 컨텐츠로 인식한다고 하는군요!!* 플래시가 안나올경우 플래시 플레이어를 다운받으라는 데체 텍스트가 필요함. 플래시 플레이어가 필요합니다.www.adobe.com 를 클릭해서 다운로드 받으세요. 하지만 여기서 문제가 생김 플래시는 항상 1순위기 때문에 레이어가 위에있어도 그 최상단에 플래시가 로딩이된다,... 제이쿼리로 레이어가 실행되었을때 플래시를 display:none해주거나 스크립트 코드를 사용해서 플래시를 코딩해놓는 수밖에 없다.ㅠ_ㅠ

html 특수기호 표 (스크랩) Hex Code Entity Code Number Code Character Description " " " Quotation Mark & & & Ampersand ⁄ / / Slash < < Greater Than Sign ‚  ‚ Single Low-9 Quote „  „ Double Low-9 Quote † †  † Dagger ‡  ‡ Double Dagger ‰  ‰ Per Mill Sign ‹  ‹ Single Left Angle Quote ‘  ‘ Left Single Quote ’  ’ Right Single Quote “  “ Left Double Quote ”  ” Right Do..

CSS STYLE 완전 정리 @CSS : Cascading Style Sheet 완전기초 #id 명 {property(프로퍼티) : property 값} .class 명 {property(프로퍼티) : property 값} 부르는 방법 ////////////////////////////////////////////////////////////////////////////////////////// @색상과 배경 1.color : {color:red} | {color:#ff0000} | {color:rgb(255,0,0} 2.background : background-color:#ff0000 ==> 배경색 [transparent(투명도)] background-image:url("ma.jpg") ==> 배경이미지[none(이미지없음)] ..

HTML - DTD DTD (Document Type Definition) DTD 종류 DTD은 왜 작성해야 하나 DTD은 브라우저의 랜더링 모드를 지정해주고 유효성 검증기(Validator)의 기준이 되므로 (X)HTML 문서의 상단에 반드시 선언 해 주어야 합니다. 만일 DTD를 생략하거나 형식이 잘못된 문서일 경우에는 웹 브라우저마다 코드의 해석 방식이 다른 Quirks mode로 랜더링이 되기 때문에 엉뚱한 결과물로 출력되는 문제에 직면하게 됩니다. 웹 페이지에서 주로 사용하는 HTML 4.01 과 XHTML 1.0 에는(2007년 기준) 각각 Strict, Transitional, Frameset 의 3가지 DTD가 있습니다. (XHTML1.1에서는 Transitional 과 Frameset은 파기되고 Strict..

HTML - META 태그 정의 ------------------------------------------- meta = 페이지의 적용 되는 태그 페이지의 내용을 정의 하거나 페이지에 관한 모든 사항 을 알리는 태그 사용 ------------------------------------------- 사이에 사용한다. 종류 ------------------------------------------- 1. 이 메타태그는 필수 태그 이 메타태그는 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됨 이 메타태그는 현재의 문서가 한글로 작성되었다는 것을 의미 합니다. 이 메타태그를 쓰지 않는다면 기본 글꼴만 볼 수 있습니다. ex)굴림체란 글꼴을 지정하고 이 메타태그를 지정하면 브라우저에서 굴림체의 글꼴을 볼 수있습니다. ☞ 드림위버에..

HTML STYLE2 readonly 수정할수없고 읽을수만 있는 소스 select 박스 링크걸기 메뉴바로가기 하나 두울 세엣 네엣

CSS STYLE 1 FONT STYLE 글자 단위로 줄바꿈 word-wrap:break-word 단어 줄바뀜 word-break:keep-all; 자동줄바뀜 word-wrap:normal; table 보기페이지에서 사용 word-break:break-all; line-height:20px; [각줄띄우기] letter-spacing:10px; [글간격] text-align:center; [정렬방식] word-spacing:1px ; [낱말간격] TABLE 테이블상에 input들어갔는데 넓이가 달라져?? table {table-layout:fixed;}

HTML STYLE1 TABLE table작성 td값중 내용 세로 정렬 valign="top" valign="middle" valign="bottom" A 링크 map범위안보이게~ onfocus="blur()"

이전 1 다음

티스토리툴바