Привет! Меня зовут Максим и я хочу поделиться с тобой своим опытом создания фрагмента сайта ″Сказки Пушкина″ с использованием внешней таблицы стилей․
Во время создания этого проекта я сделал основную страницу, названную index․htm, а также три дополнительные страницы с названиями skazka1․htm٫ skazka2․htm и skazka3․htm․ Важно помнить٫ что каждая страница должна лежать в одной папке на сервере․Начнем с главной страницы index․htm․ Я использовал следующую структуру⁚
Затем я создал три дополнительные страницы skazka1․htm, skazka2․htm и skazka3․htm․ На каждой странице я поместил текст соответствующей сказки Пушкина․
Вот пример кода страницы skazka1․htm⁚
Однажды в студеную зимнюю пору․․․
На этом этапе я создал файл style․css для стилизации всех страниц․ Вот пример некоторых стилей, которые я использовал⁚
css
body {
font-family⁚ Arial, sans-serif;
background-color⁚ #f2f2f2;
color⁚ #333;
margin⁚ 0;
padding⁚ 20px;
}
h1 {
font-size⁚ 24px;
color⁚ #007bff;
margin-bottom⁚ 10px;
}
ul {
list-style-type⁚ none;
margin⁚ 0;
padding⁚ 0;
}
ul li {
margin-bottom⁚ 10px;
}
a {
color⁚ #007bff;
text-decoration⁚ none;
}
a⁚hover {
text-decoration⁚ underline;
}
В этом примере я использовал стили для заголовков, списка и ссылок․ Также я установил цвет фона и текста для всего сайта․
Теперь у нас есть главная страница index․htm с тремя ссылками на сказки Пушкина и три отдельные страницы skazka1․htm, skazka2․htm и skazka3․htm с текстом каждой сказки․
В итоге я получил гармоничный фрагмент сайта ″Сказки Пушкина″ с использованием внешней таблицы стилей․ Это позволяет легко изменять внешний вид всех страниц сайта, что особенно полезно, если вы хотите внести какие-либо изменения в будущем․
Надеюсь, мой опыт будет полезен для тебя!