Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Снова привет и снова я расскажу вам про два тега в языке 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>

Кнопка с картинкой

Кнопка с картинкой

 

 

 

 


Также конечно можно все совмещать, например картинку, текст и ссылку на другую страницу. Удачи!

 


Источник: http://www.dari-pats.lv/index.php/web-masteru/ssielka-i-knopka-v-html.html


Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку

Как в html сделать ссылку кнопку