SaveText.Ru

Без имени
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>Комиксы</title>
  6.         <style>
  7.             @import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab&amp;amp;amp;amp;display=swap);
  8.             html{font-family:'Roboto',sans-serif;font-size:18px}
  9.             body{padding:0;margin:0;background-color:#fff;color:#333}
  10.             body>header{padding:20px 50px;background-color:#6c0aab;color:#fff}
  11.             body>header img{float:left;margin-right:15px}
  12.             body>header h1{font-size:33px;margin:0}
  13.             body>header p{font-size:19px;margin:0}
  14.             main{padding:30px 50px}
  15.             main article{padding:25px 30px;background-color:#f6f6f6;margin-bottom:50px}
  16.             main article h2{font-size:25px;font-family:'Roboto Slab',serif;margin-top:0}
  17.             main article img{height:160px;margin:0 20px 20px 0}
  18.             main article p,main article h3,main article ul,main article ol{color:#666}
  19.             footer{background-color:#45036f;padding:20px 50px}
  20.             footer p{color:#fff;font-size:18px;margin:0}
  21.         </style>
  22.     </head>
  23.     <body>
  24.         <!-- работайте здесь -->
  25.         <header>
  26.             <img src="logotype.png">
  27.             <h1>Комиксы</h1>
  28.             <p>Сайт создан</p>
  29.  
  30.  
  31.  
  32. </header>
  33. <main>
  34.     <p>Комикс представляет собой серию изображений, в которой рассказывается какая-либо история</p>
  35.     <p>
  36.         На нашем сайте Вы можете ознакомиться с кратким описанием двух крупнейших и наиболее популярных издательств комиксов.
  37.         </p>
  38.         <h2></h2>
  39.     <article>
  40.        <h2>DC Comics</h2>
  41.        <img src="ДиСи.png">
  42.     <p>«DC Comics» издают продукцию, характеризующуюся наличием большого количества широко известных персонажей. В том числе:</p>
  43.     <ol>
  44.         <li>Супермен</li>
  45.         <li>Бэтмен</li>
  46.         <li>Чудо-женщина</li>
  47.         <li>Джокер</li>
  48.         <li>Флеш</li>
  49.     </ol>
  50.     </article>
  51.    
  52.  
  53.     <article>
  54.         Статья №2
  55.     </article>
  56. </main>
  57.  
  58. <footer>
  59.     <p> Подвал сайта фывфывфы вфыв ф фыв</p>
  60.    
  61.     </footer>
  62.     </body>
  63. </html>
  64.  

Share with your friends:

Print