Какой язык программирования используется вместе с html?
3 ответа:
Читайте также
Для того, чтобы сделать меню слева на Web-странице можно воспользоваться несколькими способами.
Самый простой вариант - использование табличной вёрстки. Создаём таблицу, состоящую из 2 колонок. В 1 колонке будут находится пункты меню, а во 2 колонке - какая-либо информация.
Пункты меню описываем с помощью списка - в HTML для этого служит тег "ul" и вложенные теги "li".
Но я предпочитаю использовать вариант вёрстки с помощью блочных элементов div. Этот вариант и рассмотрим на примере.
<hr />Пример создания левого меню в HTML
Создаём 2 элемента div, в первом из них размещаем меню:
<div class="left_menu">
<ul class="menu1">
<li class="li1"><a href="Sheets/page1.html" class="mainmenu1">Имя 1</a></li>
<li class="li1"><a href="Sheets/page2.html" class="mainmenu1">Имя 2</a></li>
<li class="li1"><a href="Sheets/page3.html" class="mainmenu1">Имя 3</a></li>
<li class="li1"><a href="Sheets/page4.html" class="mainmenu1">Имя 4</a></li>
<li class="li1"><a href="Sheets/page5.html" class="mainmenu1">Имя 5</a></li>
</ul>
</div>
<div class="right">
--содержимое--
</div>
Чтобы первый div отображался слева, а второй div - справа, нужно для этих блочных элементов в таблице стилей CSS задать соответствующие свойства.
Описание первого div - .left_menu {float:left; width:24%; margin-left:1%}
Описание второго div - .right {float:right; width:74%}
Свойство float применяется для позиционирования элементов.
Для первого элемента свойство float:left означает, что он будет смещён к левому краю, а для второго элемента свойство float:right - к правому краю.
Что касается ширины width, то она задаётся исходя из специфики и содержимого вашего сайта.
Затем прописываем стили для элементов списка и стили ссылок. Пример из моего собственного архива:
Описание элементов списка - .li1 {background: url(../Img/book_open.png) no-repeat 0 50%; font-size:10pt; font-family:Arial}
Описание ссылок - .mainmenu1 {display:block; text-decoration:none; width:300px; height:35px; line-height:35px; text:indent:50px; padding-left:28px}
После того, как мы задали необходимые свойства в таблице стилей, Web-страница будет выглядеть примерно так:
Если не описывать свойства для элементов li и a, то левое меню будет отображаться таким образом:
Вот и всё - таким образом можно сделать меню слева на HTML с помощью CSS.