index.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>A-level</title>
  7. <style>
  8. body {
  9. font-family: Arial, Helvetica, sans-serif;
  10. padding: 30px;
  11. }
  12. a {
  13. color: white;
  14. text-decoration: none;
  15. /* Отменяем подчеркивание у ссылки */
  16. }
  17. a:visited {
  18. color: white;
  19. /*не становитсч синей после посещ*/
  20. }
  21. a:hover {
  22. color: #800000;
  23. /* Цвет ссылки при наведении на нее курсора мыши */
  24. text-decoration: underline;
  25. /* Добавляем подчеркивание */
  26. }
  27. </style>
  28. <link rel="icon" href="./favicon.ico" type="image/x-icon" />
  29. <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  30. </head>
  31. <body>
  32. <header
  33. style="
  34. background-color: rgb(7, 146, 30);
  35. color: white;
  36. padding-left: 10px;
  37. "
  38. >
  39. <h1>Homework 1</h1>
  40. </header>
  41. <p></p>
  42. <p></p>
  43. <h2>Что такое верстка сайта?</h2>
  44. <p></p>
  45. <p>
  46. После создания <strong>макета дизайна</strong> сайт переходит на этап
  47. <b>верстки</b>. В процессе работы <i>специалист верстает макет</i>,
  48. созданный с помощью графического редактора, преобразовывая его рабочий
  49. инструмент. С технической точки зрения, верстка подразумевает создание
  50. кода каждой страницы на языках <b>CSS и HTML</b>, в результате чего все
  51. <u>браузеры распознают и визуализируют</u> сайт так, как это было
  52. запланировано.
  53. </p>
  54. <p></p>
  55. <h4>3 ОСНОВНЫХ ВИДА ВЕРСТКИ ВЕБ-САЙТОВ</h4>
  56. <ol>
  57. <li>Табличная</li>
  58. <li>Блочная верстка</li>
  59. oij
  60. <li>Адаптивная</li>
  61. </ol>
  62. <a href=""></a>
  63. <div>
  64. <p>sdfsdf</p>
  65. </div>
  66. <footer
  67. style="
  68. background-color: rgb(7, 146, 30);
  69. color: white;
  70. padding-left: 10px;
  71. "
  72. >
  73. &copy;Andrey Shevchenko. Tel.:
  74. <a title="Call me..." href="tel:+380988524610">+38 (098) 852-46-10</a>
  75. </footer>
  76. <div>
  77. <p>
  78. fswfsdf
  79. <li>sdfsdfewerwewee rwer werwr e retertert e</li>
  80. </p>
  81. 123
  82. </div>
  83. </body>
  84. </html>