본문 바로가기

html5 강좌38

5.13 ruby, rt, rp 요소(Element) 5.13 ruby, rt, rp 요소(Element) ruby 요소는 주로 우리나라, 중국, 일본 같은 동아시아에서 사용되는 활자들에 대한 하나의 주석을 나타내는 요소로 루비(ruby) 주석은 동아시아 활자의 발음을 나타내기 위해서 사용되며 보통 rt, rp 요소와 함께 사용하며 형식은 다음과 같습니다.\ 루비 주석 漢 rt 요소는 ruby의 자식 요소로 루비 주석 다음에 오는 루비 주석에 대한 발음 기호와 같은 루비 텍스트를 나타내는 요소입니다. 마지막으로 rp 요소는 ruby의 자식 요소로 rt 요소의 바로 앞이나 뒤에 올 수 있으며 루비 주석 텍스트문을 둘러싸는 괄호를 제공하는데 이용될 수 있으나 ruby, rt, rp 요소를 지원하는 브라우저의 경우는 브라우저 상에서는 나타나지 않고 ruby, r.. 2013. 7. 31.
5.12 i, b, u, mark 요소(Element) 5.12 i, b, u, mark 요소(Element) i 요소는 텍스트를 이탤릭체로 나타내는데 사용되는 요소로 “텍스트” 의 형태로 사용하고 b 요소는 텍스트를 강조하게 위해서 굵게 나타내고자 할 때 사용하는 요소로 “텍스트”와 같은 형태로 사용합니다. u 요소는 텍스트에 밑줄을 그어 나타낼 때 사용하는 요소로 역시 “텍스트”와 같은 형태로 사용하며 마지막으로 HTML5에 새롭게 등장한 요소로 텍스트에 하이라이트 효과를 줄 때 사용하는 요소이며 “텍스트”의 형태로 사용합니다 간단하게 확인을 하기 위해서 다음과 같이 작성합니다. HTML5의 i 요소는 텍스트를 이텔릭체로 표시합니다. HTML5의 b 요소는 텍스트를 굴게로 표시합니다. HTML5의 u 요소는 텍스트에 밑줄을 그어 나타냅니다. HTML5의 .. 2013. 7. 31.
5.6 var, cite 요소(Element) 5.6 var, cite 요소(Element) var 요소는 변수를 정의하는데 사용하는 요소로 사용방법은 다음과 같이 간단합니다. 변수이름 cite 요소는 책, 시, 그림, 게임, 오페라 등의 제목을 정의할 때 사용하는 요소로 다음과 같은 형식을 사용합니다. 시, 책 등의 제목 메모장을 열어서 기본적인 코드를 작성하고 … 블록을 다음과 같이 작성합니다. 변수a의 값은 변수b와 변수 c의 합이다. 모나리자 라는 작품은 레오나르도 다빈치가 그린 작품입니다. 작성이 완료되면 “varandciteEx.html”로 저장하고 브라우저를 통해 보면 다음과 같습니다. 결과에서 알 수 있듯이 var 요소를 이용한 변수이름은 이텔릭체 형태로 나타나며 cite 요소를 이용한 그림작품의 제목 역시 이텔릭체 형태로 나타나는 것.. 2013. 7. 31.
5.5 abbr 요소(Element) 5.5 abbr 요소(Element) abbr 요소는 축약(abbreviation)의 약자로 전화(phone)은 telephone의 축약의 형태로 phone 같은 축약 형태로 나타내거나 “WWW”와 같이 “World Wide Web”에서 첫머리 글자만 따서 나타낼 때 사용하는 요소이며 사용 방법은 다음과 같습니다. 축약텍스트 축약텍스트 이제 예제를 해볼까요? 다음과 같이 코드를 작성합니다. title 속성 사용 안함 HTML5는 플래시같은 플러그인이 필요없이 동영상 재생이 가능하다. title 속성 사용 HTML5는 플래시같은 플러그인이 필요없이 동영상 재생이 가능하다. 작성이 완료되면 “abbrEx.html”로 저장하고 브라우저를 통해 보면 다음과 같습니다. 결과에서 보는 것처럼 abbr 요소의 tit.. 2013. 7. 31.

티스토리툴바