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가지 태그 모두, 단어가 이탤릭체로 나옵니다)
▶▶ HTML CSS] 글꼴을 굵게 진하게; 굵은 글자, 단어 강조 태그, 볼드체; Bold 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.
지금은 어쩐지 저 뜬구름조차도 영속적인 존재로 보이고 있다.
지금은 어쩐지 저 뜬구름조차도 영속적인 존재로 보이고 있다.
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
<< Home