|
|
| 1번째 줄: |
1번째 줄: |
| − | <html lang="en"> | + | <center> |
| − | <head> | + | <font size="7">안동의 부처님들</font><br/> |
| − | <title>안동의 부처님들</title>
| + | <font size="6"><b><i>安東の仏</i></b></font> |
| − | <meta charset="utf-8"> | + | </center> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| − | <style> | |
| − | * {
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| | | | |
| − | body {
| + | <gallery mode="packed" heights=250px> |
| − | font-family: Arial, Helvetica, sans-serif;
| + | File:마애석조비로자나불좌상.jpg|마애석조비로자나불좌상|link=http://encykorea.aks.ac.kr/Contents/Item/E0017399 |
| − | }
| + | File:안동안기동석조여래좌상.jpg|안동 안기동 석조여래좌상|link=http://encykorea.aks.ac.kr/Contents/Item/E0034645 |
| − | | + | File:안동 이천동 마애여래입상.jpg|안동 이천동 마애여래입상|link=http://encykorea.aks.ac.kr/Contents/Item/E0034659 |
| − | /* Style the header */
| + | File:옥산사마애약사여래좌상.jpg|옥산사 마애약사여래좌상|link=http://encykorea.aks.ac.kr/Contents/Item/E0038723 |
| − | header {
| + | </gallery> |
| − | background-color: #666;
| |
| − | padding: 30px;
| |
| − | text-align: center;
| |
| − | font-size: 35px;
| |
| − | color: white;
| |
| − | }
| |
| − | | |
| − | /* Create two columns/boxes that floats next to each other */
| |
| − | nav {
| |
| − | float: left;
| |
| − | width: 30%;
| |
| − | height: 300px; /* only for demonstration, should be removed */
| |
| − | background: #ccc;
| |
| − | padding: 20px;
| |
| − | }
| |
| − | | |
| − | /* Style the list inside the menu */
| |
| − | nav ul {
| |
| − | list-style-type: none;
| |
| − | padding: 0;
| |
| − | }
| |
| − | | |
| − | article {
| |
| − | float: left;
| |
| − | padding: 20px;
| |
| − | width: 70%;
| |
| − | background-color: #f1f1f1;
| |
| − | height: 300px; /* only for demonstration, should be removed */
| |
| − | }
| |
| − | | |
| − | /* Clear floats after the columns */
| |
| − | section::after {
| |
| − | content: "";
| |
| − | display: table;
| |
| − | clear: both;
| |
| − | }
| |
| − | | |
| − | /* Style the footer */ | |
| − | footer {
| |
| − | background-color: #777;
| |
| − | padding: 10px;
| |
| − | text-align: center;
| |
| − | color: white;
| |
| − | }
| |
| − | | |
| − | /* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */ | |
| − | @media (max-width: 600px) {
| |
| − | nav, article {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | | |
| − | | |
| − | <header>
| |
| − | <h2>안동의 부처님들</h2>
| |
| − | </header>
| |
| − | | |
| − | <section>
| |
| − | <nav>
| |
| − | <ul>
| |
| − | <li><a href="http://dh.aks.ac.kr/~classics/wiki/index.php/2021_문화유산_콘텐츠_편찬_계획(임정훈_정송이)">작업노트</a></li>
| |
| − | <li><a href="#">Paris</a></li>
| |
| − | <li><a href="#">Tokyo</a></li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − |
| |
| − | <article>
| |
| − | <h1><a href="http://dh.aks.ac.kr/~classics/wiki/index.php/마애석조비로자나불좌상_(작업노트)">마애석조불입상</a></h1>
| |
| − | </article>
| |
| − | </section>
| |
| − | | |
| − | <footer>
| |
| − | <p>Footer</p>
| |
| − | </footer>
| |
| − | | |
| − | </body>
| |
| − | </html> | |
