logo

Paleta - Deixe colorido🎨

Palette — Construtor visual de páginas. Não precisa ser designer.

Demonstração ao vivo Baixar Palette

Scroll

HTML primeiros passos - Aula 9: criando menu

04/12/2019, by Ivan

Основным элементом сайта является меню (навигация). Через него происходит перемещение по страницам сайта. Также меню важно для индексации сайта поисковиками, без связи между страницами поисковик не сможет пройти по всем страницам. Vejamos do que um menu é feito.

Для меню обычно используюет ненумерованный список (теги ul, li), таким образом каждый пункт меню это элемент списка:

...
<ul>
  <li></li>
  <li></li>
<ul>
...

Внутри тега li обычно вставляют ссылки на страницы:

...
<ul>
  <li>
    <a href="page1.html">Первая страница</a>
  </li>
  <li>
    <a href="page2.html">Вторая страница</a>
  </li>
<ul>
...

Также довольно часто задают классы и id для меню и его пунктов:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Первая страница</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Вторая страница</a>
  </li>
<ul>
...

Заметьте также, что страницы на которые осуществляется переход (page1.html, page2.html) должны существовать иначе браузер не поймет, куда вы хотите его послать.