연습:서화작품.xsl: 두 판 사이의 차이

Vaquita Wiki
새 문서: <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <html> <head> <style> .art-container { font-family: "Malgun Gothic", sans-serif; display: flex; flex-wrap: wrap; gap: 20px; } .art-card { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; width: 300px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); } .a...
 
편집 요약 없음
 
(같은 사용자의 중간 판 10개는 보이지 않습니다)
5번째 줄: 5번째 줄:
         <head>
         <head>
             <style>
             <style>
                 .art-container { font-family: "Malgun Gothic", sans-serif; display: flex; flex-wrap: wrap; gap: 20px; }
                 .work-table { width: 100%; border-collapse: collapse; font-family: "Malgun Gothic", serif; font-size:14; }
                 .art-card { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; width: 300px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); }
                 .work-table td { border: 1px solid #aaa; padding: 15px; text-align: left; }
                 .art-image { width: 100%; height: 200px; object-fit: cover; background-color: #f9f9f9; border-bottom: 1px solid #eee; }
                 .work-table th { border: 1px solid #aaa; padding: 15px; background-color: #e8f0f7; color: #2c3e50; text-align: center; }
                .art-info { padding: 15px; }
                 .art-image { width: 100px; height: 100px; object-fit: contain; background-color: #f9f9f9; }
                .art-title { font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px; }
                .art-creator { color: #d35400; font-weight: bold; margin-bottom: 10px; }
                 .art-desc { font-size: 0.9em; color: #666; line-height: 1.5; height: 4.5em; overflow: hidden; }
                .art-location { margin-top: 10px; font-size: 0.85em; color: #999; text-align: right; }
             </style>
             </style>
         </head>
         </head>
         <body>
         <body>
             <div class="art-container">
             <table class="work-table">
                <tr>
                    <th width="15%">작품 이미지</th>
                    <th width="20%">작품명</th>
                    <th width="15%">작가</th>
                    <th width="35%">설명</th>
                    <th width="15%">소장처</th>
                </tr>
                 <xsl:for-each select="work_list/work">
                 <xsl:for-each select="work_list/work">
                     <div class="art-card">
                     <tr>
                        <img class="art-image" src="{iconUrl}" alt="{title}"/>
                        <td><a href="{iconUrl}"><img class="art-image" src="{iconUrl}" alt="{title}"/></a></td>
                        <div class="art-info">
                        <td><xsl:value-of select="title"/></td>
                            <div class="art-title"><xsl:value-of select="title"/></div>
                        <td><xsl:value-of select="creator"/></td>
                            <div class="art-creator"><xsl:value-of select="creator"/></div>
                        <td><xsl:value-of select="description"/></td>
                            <div class="art-desc"><xsl:value-of select="description"/></div>
                        <td><xsl:value-of select="location"/></td>
                            <div class="art-location">소장: <xsl:value-of select="location"/></div>
                     </tr>
                        </div>
                     </div>
                 </xsl:for-each>
                 </xsl:for-each>
             </div>
             </table>
         </body>
         </body>
         </html>
         </html>
34번째 줄: 35번째 줄:
</xsl:stylesheet>
</xsl:stylesheet>


==Style 적용 예시==


[[분류:디지털 큐레이션 지원 시스템]] [[분류:김현]]
==오류 검사==
 
{{ ValidateXml | xml=연습:서화작품.xsl }}
 
 
[[분류:Xml]] [[분류:김현]]

2026년 3월 1일 (일) 23:34 기준 최신판

<?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

   <xsl:template match="/">
       
        
            
        
        
            
                    

                

                    작품 이미지
                    작품명
                    작가
                    설명
                    소장처
                

                

                        {title}
                        
                        
                        
                        
                    

                
            

        
        
   </xsl:template>

</xsl:stylesheet>

Style 적용 예시[편집]

오류 검사[편집]

🔍 XML 유효성 검사기: 연습:서화작품.xsl

원본 주소 "https://app.vaquitalab.com/mediawiki/index.php?title=연습:서화작품.xsl&oldid=1404"