본문 바로가기

분류 전체보기229

HTML5 del 엘리먼트(element) HTML5 del 엘리먼트(element) ins엘리먼트와 다르게 문서에서 삭제된 콘텐츠를 구분하여 표현한다. ins가 밑줄이 그어진다면 del은 가운데선이 그어진다. 속성엘리먼트역시 똑같으며 별반다를바없다. Empty the dishwasher Watch Walter Lewin's lectures Download more tracks Buy a printer 2010. 7. 5.
HTML5 ins 엘리먼트(element) HTML5 ins 엘리먼트(element) ins엘리먼트는 뭍서에 콘테트가 추가되었다는것을 보여줄때 쓴다. 흔히 쉽게생각하면 블로그의 덧글이라고 생각하면되겠다.먼저간단한 예 우왕우왕 어쩌고저쩌고 간단한 문장이 추가된것. 이번엔 두번 사용 해보자 우왕우왕 어쩌고저쩌고. ㅎㅎ 속성 엘리먼트 cite , datetime cite는 추가한이융를 이야기해주고 datetime은 그날짜다. 아래는 그예제 I like fruit. Apples are tasty. So are pears. ins에 포함된 첫번째 두번쨰문장을 보자 날짜가 같다 그렇다고 아래와 같이사용하면 안된다. I like fruit. Apples are tasty. So are pears. 위의 예는 2005-03-16T00:00Z에 두가지가 포함되어.. 2010. 7. 5.
HTML5 a 엘리먼트(element) HTML5 a 엘리먼트(element) a 엘리먼트는 잘아는 엘리먼트로 링크를 걸떄 사용한다. 새창,팝업 다른문서로 이동.일단 간단한 예제부터보자 티스토리 네이버 없음 페이지 위 예에서 첫번째는 티스토리로 두번째는 네이버로 세번째는 링크된주소가 없다.네번째는 페이지않에 id로 링크되도록 되어있다. 하이퍼링크(hyperlink)와 플레이스홀더(placeholder) href 속성이 없으면 그대로 페이지유지를 뜻한다. 위의예에서 3전째줄은 현재이페이지라는 뜻을 가지고있다. 플레이스홀더의또다른예는 현재페이지를 유지하고 다른 창을 띄울때 필요하다. 예로 전산결재 창의경우 현재페이지는 존속시키면서 결재창은 스크립트로 띄우기도 하는 경우이다. href 속성을 사용하지않으면 media,ping,rel, target,.. 2010. 7. 2.
HTML5 br 엘리먼트(element) HTML5 br 엘리먼트(element) br 엘리먼트(element) br엘리먼트는 라인을 끝을때 사용한다. 반드시 콘텐츠의 내용을 끊을 때 사용해야한다. 아래 예를 보자 어쩌고 저쩌고 그리고 말야 저쩌고어쩌고라네요 34덧글 덧글을 다세요 34덧글 덧글을 다세요 첫번째 예는 적절한예이다. 내용의 문장을 필요할때 br엘리먼트로 끊어주고 있다. 두번째는 틀린예이다 앞서 말했듯이.콘텐츠 즉텍스를 끊을떄 사용하지 문단 엘리먼트를 끊을때 사용하지않는다. 올바른 사용은 p 엘리먼트를 사용하여 맨아래와 같이 사용해 줘야 한다. 2010. 7. 1.
HTML5 span 엘리먼트(element) HTML5 span 엘리먼트(element) div엘리먼트처럼 span엘리먼트역시 특별한 의미를 가지지는 않는다. text-level의엘리먼트들의 용도외에 css별도 기꾸밈또는 기능적 으로 필요할 때 사용된디. 타이틀 위같은예에서h1엘리먼트 강조 또는 이미지대채, 꾸밈선택등의 기능으로 사용할 수 있다. 2010. 6. 30.
HTML5 bdo 엘리먼트(element) HTML5 bdo 엘리먼트(element) 텍스트의방향을 바꿀수 있는 는 엘리먼트이다. ABC로 적었다면 CBA로 정렬가능하다. HTML5훌어보기 HTML5훌어보기 HTML5훌어보기 속성엘리먼트 dir에서 rtl은 오른쪽에서 왼쪽, ltr은 왼쪽에서 오른쪽으로 정렬된다. 2010. 6. 30.
HTML5 ruby, rt, rp 엘리먼트(element) HTML5 ruby, rt, rp 엘리먼트(element) 루비주석을 다는엘리먼트로 텍스트위에 주석을 달아준다 ruby엘리먼트가부모 rt, rp는 그 자식엘리먼트이다. ... 漢かん 字じ ... 위는 간단한예이다 결과는 아래와같이나온다 rp엘리먼트는 루비 괄호를 나타낼때사용한다. ... 漢 (かん) 字 (じ) ... 2010. 6. 30.
간단한 CSS3 기초 알파 배경,텍스그림자, 둥근모서리 CSS3 알파 배경,텍스그림자, 둥근모서리 css3기초 몇가지를 살펴본다.당연한 이야기지만 익스플로어에는 적용안된다. 모든예제결과는 여기서 볼 수 있다. 배경 RGBA 알파값 배경에는 3가지값을 가진다. red green blue 그리고 css3에서 알파값을 더 가진다. 즉 투명도를 표현한다. 아래는 투명도를 25%를 준것이다. .bg{background: rgba(255, 204, 204, 0.25 ); } 마지막값이 0이면 완전투명 1은 100%을 의미한다. 0.25, 0.5 0.75에 따른 결과는 그림과 같다. 또한 이것은 배경만 아니라 폰트(font), 보더(border)속성에도 적용된다. 텍스트 그림자 포토샵의 스타일 효과라고 생각하면 된다. 첫번째는 x축으로 그림자위치 두번째는y축으로 그림자위.. 2010. 6. 29.
HTML5 mark 엘리먼트(element) HTML5 mark 엘리먼트(element) mark엘리먼트는 새로생긴엘리먼트이다. 별도로 언급한 것에대해 강조(highlight)를 표현할때 사용된다. 단 다른 강조의용도의 엘리먼트와 차이점이라면 여러번 쓰일때 사용하는것 이다. 나는누구누구를 사랑해요 .............. 누구누구는 어쩌고저쩌고.. 단순한 단어만 아니라 문장 역시 가능하다.다른곳에서 가져오는 쿼트엘리먼트와 차이점이라면 역시 앞서 언급한것을 요약한다는점이다.아래는 그 예제 따러사 어쩌고저쩌고라고 한다 .............. 앞서어쩌고저쩌고라고 말했듯이.. 2010. 6. 29.
HTML5 sub, sup 엘리먼트(element) HTML5 sub, sup 엘리먼트(element) sup 엘리먼트는 윗글자(superscript) sub 엘리먼트는 아랫글자(subscript)를 나타낼때 사용한다. 일단 가장 간단한 예 간단한[1]예 간단한(1)예 약어의 의미에 abbr과 sup, 변수수학적수에 var과 sub엘리먼트는 서로 친숙하다 다음예를 보자 Mmicle Jordan x10, y10 위와같은 것의 소스는다음과 같다. Mmicle Jordan x10, y10 2010. 6. 29.

티스토리툴바