달력

02

« 2012/02 »

  •  
  •  
  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  •  
  •  
  •  
2008/12/22 22:26

20. css를 사용해서 XML 문서 출력하기 General Web2008/12/22 22:26


이전 블로그(http://blog.naver.com/nashira7)에서 옮겨왔습니다.
작성일 : 2005년 7월 15일
옮긴일 : 2008년 12월 22일

1. css를 이용하여 XML 문서를 출력하는 방법

- 스타일시트 파일을 만든다.

- XML 파일에 스타일시트 파일을 링크건다.

 

StyleSheet.css

BOOK
{
 display:block;
 margin-top : 12pt;
 font-size : 10pt;
}
TITLE
{ font-style : italic; }

AUTHOR
{ font-weight:bold; }

 

XMLFile1.xml

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type = "text/css" href="StyleSheet1.css"?>
<INVENTORY>
 <BOOK>
  <TITLE>The Adventures of Huckleberry Finn</TITLE>
  <AUTHOR>Mark Twain</AUTHOR>
  <BINDING>mass market paperback</BINDING>
  <PAGES>298</PAGES>
  <PRICE>$5.49</PRICE>
 </BOOK>
 <BOOK>
  <TITLE>Leaves of Grass</TITLE>
  <AUTHOR>Walt Whitman</AUTHOR>
  <BINDING>hardcover</BINDING>
  <PAGES>462</PAGES>
  <PRICE>$7.75</PRICE>
 </BOOK> 
 <BOOK>
  <TITLE>The Legend of sleep Hollow</TITLE>
  <AUTHOR>Washington Irving</AUTHOR>
  <BINDING>mass market paperback</BINDING>
  <PAGES>98</PAGES>
  <PRICE>$2.95</PRICE>
 </BOOK>
 <BOOK>
  <TITLE>The Marble Faun</TITLE>
  <AUTHOR>Nathaniel Hawthorne</AUTHOR>
  <BINDING>trade paperback</BINDING>
  <PAGES>473</PAGES>
  <PRICE>$10.95</PRICE>
 </BOOK>
 <BOOK>
  <TITLE>Moby-Dick</TITLE>
  <AUTHOR>Herman Melville</AUTHOR>
  <BINDING>hardcover</BINDING>
  <PAGES>724</PAGES>
  <PRICE>$9.95</PRICE>
 </BOOK>
 <BOOK>
  <TITLE>The Portrait of a Lady</TITLE>
  <AUTHOR>Henry James</AUTHOR>
  <BINDING>mass market paperback</BINDING>
  <PAGES>256</PAGES>
  <PRICE>$4.95</PRICE>
 </BOOK> 
 <BOOK>
  <TITLE>The Scarlet Letter</TITLE>
  <AUTHOR>Nathaniel Hawthorne</AUTHOR>
  <BINDING>trade paperback</BINDING>
  <PAGES>253</PAGES>
  <PRICE>$4.25</PRICE>
 </BOOK> 
 <BOOK>
  <TITLE>The Turn of the Screw</TITLE>
  <AUTHOR>Henry James</AUTHOR>
  <BINDING>trade paperback</BINDING>
  <PAGES>384</PAGES>
  <PRICE>$3.35</PRICE>
 </BOOK> 
</INVENTORY>

 

결과화면

 
 
 
2. 다른 스타일시트 불러오기
@import 지시문을 사용하여 다른 캐스케이팅 스타일시트를 불러온다.
일반적인 형태는 다음과 같다.
@import url(StyleSheetURL);
 
예)
@impirt url(Book.css)
BOOK
{
 display:block;
 margin-top : 12pt;
 font-size : 10pt;
}
 
 
 
3. 캐스케이딩 스타일시트 내의 캐스케이딩
<TITLE STYLE="font-weight:bold">Leaves of Grass</TITLE>
과 같이 사용이 가능하다.
 
일부분만 강조하고 싶은 경우에는 아래와 같이 사용한다.
<MAPS>
<CITY>
<NAME>Sants Fe<NAME>
<STATE>New Mexico</STATE>
</CITY>
<STATE>New Mexico</STATE>
</MAPS>
 
Css로 표현하면
CITY STATE
{
    font-style:normal;
}
STATE
{
    font-style:italic;
}
우선권에 의해 New Mexico라는 글자는 normal 하게 나온다.
 
 
 
4. display 프로퍼티 설정하기
block : 텍스트의 앞과 뒤에 줄바꿈을 삽입.
Inline : 텍스트의 앞과 뒤에 줄바꿈을 삽입하지 않는다.
none : 브라우저에 엘리먼트를 출력하지 않는다.
 
기타 CSS와 관련된 프로퍼티 설정은 별도의 스타일시트 교재를 참고한다.
 
 
5. HTML 문서에 HTML 엘리먼트 삽입하기와 네임스페이스 사용하기
- 웹 브라우저는 <HTML> 이라는 엘리먼트가 HTML 요소인지 XML 요소인지 구분하지 못한다.
따라서 namespace를 사용하여 이것을 구분하게 된다.(이것은 예약어 이다.)
 
아래는 그것을 적용한 예이다.
 
<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type = "text/css" href="StyleSheet1.css"?>
<INVENTORY>
<html:IMG xmlns:html="www.w3c.org/TR/REC-html40/" SRC="img1.jpg" />
 <BOOK>
  <TITLE>The Adventures of Huckleberry Finn</TITLE>
  <AUTHOR>Mark Twain</AUTHOR>
  <BINDING>mass market paperback</BINDING>
  <PAGES>298</PAGES>
  <PRICE>$5.49</PRICE>
 </BOOK>

 
저작자 표시 비영리 변경 금지

'General Web' 카테고리의 다른 글

22. 데이터 바인딩을 사용해서 XML 문서 출력하기(2)  (0) 2008/12/22
21. 데이터 바인딩을 사용해서 XML 문서 출력하기(1)  (0) 2008/12/22
20. css를 사용해서 XML 문서 출력하기  (0) 2008/12/22
19. 파라미터 엔티티 선언하기  (0) 2008/12/22
18. 일반 엔티티 선언하기  (0) 2008/12/22
17. 엔티티의 종류(3가지 정의)  (0) 2008/12/22
TAG
Trackback (0) : Comment (0)
Posted by -세티-