4. CSS를 이용한 XML 문서 출력 General Web2008/12/22 22:12
이전 블로그(http://blog.naver.com/nashira7)에서 옮겨왔습니다.
작성일 : 2005년 7월 15일
옮긴일 : 2008년 12월 22일
XML 문서를 출력하기 위해 .css 인 파일을 하나 만든다.
<style type="text/css">
BOOK
{
display : block;
margin-top : 12pt;
font-size : 10pt;
}
TITLE
{
display : block;
font-size : 10pt;
font-style : Italic;
font-weight : bold;
}
AUTHOR
{
display : block;
margin-left : 15pt;
font-style : Italic;
font-weight : bold;
}
BINDING
{
display : block;
margin-left : 15pt;
}
PAGES
{
display : none;
}
PRICE
{
display : block;
margin-keft : 15pt;
}
</style>
다음으로 다음의 코드를 XML 문서에 추가한다.
<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type="text/css" href="family.css"?>
<INVENTORY>
<BOOK>
<TITLE>The Adventures of Huckleberry Finn</TITLE>
<BINDING>mass market paperback</BINDING>
<AUTHOR>Mark Twain</AUTHOR>
<PAGES>298</PAGES>
<PRICE>$5.49</PRICE>
</BOOK>
<BOOK>
<TITLE>The Marble Faun</TITLE>
<BINDING>trade paperback</BINDING>
<AUTHOR>Nathaniel Hawthorne</AUTHOR>
<PAGES>473</PAGES>
<PRICE>$10.95</PRICE>
</BOOK>
<BOOk>
<TITLE>
Moyy-Dick
<SUBTITLE>Or, the Whale</SUBTITLE>
</TITLE>
<BINDING>Hardcover</BINDING>
<AUTHOR>Human Melille</AUTHOR>
<PAGES>724</PAGES>
<PRICE>$9.95</PRICE>
</BOOK>
</INVENTORY>
아래는 웹 브라우저를 통해 출력된 XML 문서이다.
'General Web' 카테고리의 다른 글
| 6. CDATA 섹션 포함하기 (0) | 2008/12/22 |
|---|---|
| 5. XML 문서 잘 구성하기 (0) | 2008/12/22 |
| 4. CSS를 이용한 XML 문서 출력 (0) | 2008/12/22 |
| 3. XML 문서의 생성 (0) | 2008/12/22 |
| 2. XML의 10가지 설계 목표 (0) | 2008/12/22 |
| XML 이란? (1) | 2008/12/22 |
