Главная / Вопросы и ответы
Как сделать простой шаблон сайта?
Для создания простого шаблона сайта можно использовать HTML и CSS. Ниже приведены примеры кода, которые могут помочь вам начать:
HTML код для простого шаблона сайта:
php<!DOCTYPE html> <html> <head> <title>Название вашего сайта</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Заголовок вашего сайта</h1> <nav> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> </ul> </nav> </header> <main> <section> <h2>Заголовок секции</h2> <p>Текст секции</p> </section> <section> <h2>Заголовок секции</h2> <p>Текст секции</p> </section> </main> <footer> <p>Авторские права © Год создания вашего сайта</p> </footer> </body> </html> CSS код для стилизации простого шаблона сайта:
css/* Стилизация шапки */ header { background-color: #333; color: #fff; padding: 20px; } nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } nav li { margin-right: 20px; } nav li:last-child { margin-right: 0; } nav a { color: #fff; text-decoration: none; } /* Стилизация основного контента */ main { max-width: 800px; margin: 0 auto; padding: 20px; } section { margin-bottom: 40px; } h2 { margin-bottom: 10px; } /* Стилизация подвала */ footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } Этот пример кода создает шапку с навигационным меню, основной контент с двумя секциями и подвалом. Стилизация шаблона может быть изменена по вашему усмотрению, чтобы лучше соответствовать вашим потребностям.
