Конечно, создание сверстанного меню можно реализовать с помощью HTML и CSS. Вот пример простого горизонтального меню, которое можно использовать на веб-странице:
### HTML
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Сверстанное меню</title>
</head>
<body>
<nav>
<ul class="menu">
<li><a href="#home">Главная</a></li>
<li><a href="#about">О нас</a></li>
<li><a href="#services">Услуги</a></li>
<li><a href="#contact">Контакты</a></li>
</ul>
</nav>
</body>
</html>
```
### CSS (styles.css)
```css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
nav {
background-color: #333;
}
.menu {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
}
.menu li {
flex: 1; /* Занимает равное пространство */
}
.menu a {
display: block;
padding: 15px;
color: white;
text-align: center;
text-decoration: none;
}
.menu a:hover {
background-color: #575757;
}
```
### Описание:
- Данный код состоит из файла HTML и файла CSS.
- В файле HTML мы создаем структуру меню, используя список `<ul>` и элементы `<li>`. Каждый элемент списка содержит ссылку `<a>`.
- В CSS мы применяем стили к меню:
- Устанавливаем фоновый цвет для навигационной панели и белый цвет текста.
- Элементы списка располагаются в ряд с помощью свойства `display: flex`.
- Добавляем отступы и меняем цвет фона при наведении.
Эту верстку можно использовать как основное меню сайта, добавляя дополнительные ссылки или подменю по необходимости.