Снова привет и снова я расскажу вам про два тега в языке html. Мы научимся связывать наши страницы ссылками и делать кнопки на нашем сайте. Первый тег, который мы рассмотрим, будет <a> </a> если его написать ничего мы не добьемся ля этого нам нужно написать к нему атрибут «href» в итоге мы получим активную ссылку. Например, у нас есть две страницы:
Первая страница
<html>
<body>
<p>Картинки</p>
</body>
</html>
Вторая страница
<html>
<body>
<p align=»center»>
<img src=images/3.png width=»250″ heidht=»250″>
<img src=images/12.png width=»250″ heidht=»250″>
<img src=images/13.png width=»250″ heidht=»250″>
<img src=images/14.png width=»250″ heidht=»250″>
</p>
</body>
</html>
Вот и мы хотим, чтобы с первой нашей страницы кликнув по слову «картинки» мы перешли на вторую страницу с этими картинками. Так сказать галерея небольшая, чтобы нам это сделать нужно всего лишь указать путь к ней и сделать слово картинки ссылкой. Первая страница у нас называется kartinki.html вторая gallery.html. Мы берем, наш тег <a href=gallery.html> </a>. Для того, чтобы ссылкой стал текст мы перед словом пишем <a href=gallery.html> а в конце слова мы закрываем </a>. Пример:
<html>
<body>
<a href=gallery.html> <p>Картинки</p></a>
</body>
</html>
Как мы видим все работает, вот таким простым способом можно соединить страницы вашего сайта.
Я обещал научить делать кнопки для сайта итак приступим: для этого нам понадобится тег <button>. У него есть множество атрибутов так, что можно с ними играться. Вот для примера:
<html>
<body>
<button.>Наша кнопка</button>
</body>
</html>
Этом теге можно писать текст, но также можно сделать и кнопку с картинкой. Для этого в тег button надо заключить картинку и написать текст по желанию. Пример:
<html>
<body>
<button><img src=images/chrome-icon.jpg>Скачать браузер Google Chrome</button>
</body>
</html>
Также конечно можно все совмещать, например, картинку, текст и ссылку на другую страницу. Удачи!