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

 
Previous Post Java 자바] 분수 약분 메서드/함수 구현; Reduce a Fraction구글 검색창에서 검색 기록 지우는 방법, 이전 검색어 저장 목록 삭제; Delete Goo...VI 와 VIM 차이, '빔'과 '브이 아이' 에디터 차이점; Unix Editor Dif...Python 파이썬] 분수 약분 방법을 함수로 구현; Reduce a Fraction디카] 캐논 풀사이즈 CMOS 센서 실물 사진; DSLR Canon Full Size커피 녹차 홍차 박카스, 카페인의 차이, Coffee / Green Tea Caffeine...Perl 펄] 분수 약분 함수 구현; Reduce a FractionPerl 펄] 최대 공약수 구하기 함수, 유클리드 호제법; GCD, Euclidean Al...C언어] gets, fgets 함수로, 키보드 문자(문자열) 입력 받기; String In...C언어] scanf 함수로, 문자열/정수/실수 입력 받기; scanf Function In...

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

Sunday, March 25, 2007

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

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

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

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