mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Sunday, March 25, 2007

HTML CSS] 글꼴을 이탤릭체로; 비스듬한 이탤릭 글자 태그; Italic Font Tag


영문 문서나 웹페이지에서, 텍스트를 강조하거나 또는 뭔가를 인용했음을 표시할 때, 이탤릭체를 사용합니다. 우측으로 경사진 글꼴입니다.

em, cite, span + CSS 등의 태그로 이탤릭체를 나타낼 수 있습니다. 다만 한글이나 한자에는 원래 이탤릭체라는 것이 없기 때문에 부자연스럽게 나오게 됩니다.

따라서 영문 문장에 영문 폰트를 지정한 경우에만 이탤릭체를 사용하는 것이 무난합니다. 다만 '맑은 고딕' 폰트는 한글도 이탤릭체가 보기 좋게 나왔습니다.

단어/텍스트를 비스듬히, 이탤릭 체로 표시 예제


파일명: example.html

<!-- 강조한다는 의미의 이탤릭체는 em 태그 사용이 좋습니다 -->
The <em>quick brown fox jumps over</em> the lazy dog.<br />
지금은 어쩐지 저 <em>뜬구름조차도</em> 영속적인 존재로 보이고 있다.<br /><br />


<!-- 인용한다는 의미의 이탤릭체는 cite 태그 사용이 좋습니다 -->
The <cite>quick brown fox jumps over</cite> the lazy dog.<br />
지금은 어쩐지 저 <cite>뜬구름조차도</cite> 영속적인 존재로 보이고 있다.<br /><br />


<!-- 또는 CSS스타일 시트를 직접 지정할 수도 있습니다 -->
The <span style="font-style:italic">quick brown fox jumps over</span> the lazy dog.<br />
지금은 어쩐지 저 <span style="font-style:italic">뜬구름조차도</span> 영속적인 존재로 보이고 있다.<br /><br />


<!-- i (아이) 태그는 최신 웹표준에 맞지 않습니다 -->
The <i>quick brown fox jumps over</i> the lazy dog.<br />
지금은 어쩐지 저 <i>뜬구름조차도</i> 영속적인 존재로 보이고 있다.<br /><br />




브라우저 출력 결과 화면:
(4가지 태그 모두, 단어가 이탤릭체로 나옵니다)
The quick brown fox jumps over the lazy dog.
지금은 어쩐지 저 뜬구름조차도 영속적인 존재로 보이고 있다.

The quick brown fox jumps over the lazy dog.
지금은 어쩐지 저 뜬구름조차도 영속적인 존재로 보이고 있다.

The quick brown fox jumps over the lazy dog.
지금은 어쩐지 저 뜬구름조차도 영속적인 존재로 보이고 있다.

The quick brown fox jumps over the lazy dog.
지금은 어쩐지 저 뜬구름조차도 영속적인 존재로 보이고 있다.



▶▶ HTML CSS] 글꼴을 굵게 진하게; 굵은 글자, 단어 강조 태그, 볼드체; Bold Font Tag




tag: html
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top