본문 바로가기

웹표준80

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.
HTML5 code, var , samp, kbd 엘리먼트(element) HTML5 code, var , samp, kbd 엘리먼트(element) code 엘리먼트 code엘리먼트는 컴퓨터의 언어의 일부분을 나타낼 때사용한다. HTML5 pre 엘리먼트(element)의 역항을 참조해서 먼저볼것 pre 엘리먼트안에서 사용된다. 이금 계속 올리고 있는 html포스팅의 예제도 pre엘리먼트 안에code를 사용한 것이다. 이제까지 포스팅에서의 예제들이 이방식으로 사용되었고 다음예제는 긴코드가아니라도 일부분이 문장에서 언급될 때 사용되는 경우이다. 함수activate()를 사용하고 또다른 함수ajax()를 사용하면 ..... var 엘리먼트 var 엘리먼트는 변수를 표현할때 사용한다. 간단한예 만약에n의 뭐뭐가 있다면... samp 엘리먼트 code엘리먼트가 프로그램 코드를 보여웠.. 2010. 6. 28.
HTML5 time 엘리먼트(element) HTML5 time 엘리먼트(element) time엘리먼트는 24시간기준의 시간을 표현하거나 그레고리안 달력을 표현 할 때 사용한다.HTML5에서 새로 생긴 엘리먼트로 속성엘리먼트 datetime과 pubtime이 있다.datetime은 신간이나 날짜를 더 부여하며, pubtime은 옶션으로 time엘리먼트가 발행된 날자임을 지시하는것이다. 첫째날 토요일. 간단한 토크 발행2009-08-30. 어쩌고 저쩌고 I've liked model trains since at least 1983. 첫예제는 간단한 예이다. 두번째예는 pubdate 를 사용하여 발행날자임을 나타낸다. pubdate속성은 html5에서 도입되었다가 삭제됬다 마지막 예제는 굳이 곳 시간을 time엘리먼트로 할필요는없이 해줘도 된다는 예.. 2010. 6. 28.
HTML5 dfn,abbr 엘리먼트(element) HTML5 dfn, abbr 엘리먼트(element) dfn 엘리먼트(element) dfn엘리먼트는 문장에서 정의할 단어를 감싼다. 다음은 티스토리에 대한 예. 티스토리는 한국 서비스형 블로그 abbr 엘리먼트(element) abbr엘리먼트는 약어나 두음자어를 나타낼 때사용한다. API (application programming interface)를 예로 보자. API는 뭐뭐는 어쩌고 저쩌고 API는... tittle은 얄자를 API 설명해주고 있다. dfn은 약자를 정의해 주는 것이다 따라서 같은 코딩의 뜻을, 다음과 같이 사용할 수도 있다. API는... Application Progr amming Interface는... 두 코딩은 같은 의미이다. 단 생각해볼점은 다음과 같다. abbr 엘리먼.. 2010. 6. 28.
HTML5 q 엘리먼트(element) HTML5 q 엘리먼트(element) blockquote엘리먼트와 만찬가지로 요약구문을 쓸때사용한다 단 q엘리먼트의 경우는 단문이며 인라인이다 아무개가 말하길뭐라고뭐라고했고난 뭔말인지못랐다. 정부의청와대에서는 어쩌고 저쩌고라고 했다 그는 "뭐라고뭐라고" 말했다 첫번째 예는 올바르게사용된경우이다. 두번째 예는 cite 송성엘리먼트를 사용하여 그출처를 밝혀준것이다. 주의할 점은 cite속상엘리먼트와 cite엘리먼트는 다르단것을 명심하자 마지막예제는 잘못된것 q엘리먼트대신에 그냥 따옴표를쓰고 있다. 어떤그림으로 대체하는것은 올바르지만 코딩에서 이렇게 하는 것은 올바르지않다. 2010. 6. 26.
HTML5 cite 엘리먼트(element) HTML5 cite 엘리먼트(element) cite 엘리먼트는 인용할때 사용한다. 요약구문이있다면 그 출처를 밝히는셈이다. 중요한점은 title of a work 즉 작업의 제목을 밝히는셈이다. 내가좋아하는책은 나관중의삼국지이다. 내가좋아하는 만화책은 전략삼국지이다 이예제는 틀렸습니다, 아무개가 말했다. 첫번째 문장은 삼국지라는 책의 제목을 인용 하고있다. 명확한 출처이다. 흔히 착각하는 것으로 위의 예제에서 아래는 틀린예제이다.아래는 작업의 출처가 아닌 이름을 인용하고 있다. 또 주의할 점은 과도하게 많은 것을 인용하지않는다. 정확한것만 인용해야한다. 아래예제 참조 According to the Wikipedia article HTML, as it stood in mid-February 2008 Ac.. 2010. 6. 25.