Я пытаюсь сделать мои кнопки кликабельными, чтобы у меня была ссылка на веб-сайт с использованием элементов h ref и button - PullRequest
Новая
       44

Я пытаюсь сделать мои кнопки кликабельными, чтобы у меня была ссылка на веб-сайт с использованием элементов h ref и button

0 голосов
/ 02 июля 2019

Я хочу, чтобы мои кнопки ссылались на реальные сайты, которые я создал: например, Joeys Auto

Мой веб-сайт портфолио: http://loriroberg.com/cssfinalproject/index.html#home На нем есть кнопка для JOEYS AUTO.Веб-сайт Joeys Auto: http://loriroberg.com/final/index.html

Как мне изменить этот код: 

<div class="w3-col m3"><button class="button4 w3-button w3-padding-large w3-light-grey" style="margin-top:64px">Joeys Auto</button></div>

, чтобы он связывался с JOEYS AUTO?

Следующий коднаходится в разделе МОИ ПРОЕКТЫ моего портфолио. 

<h3 class="w3-center">MY PROJECTS</h3>

<p class="w3-center"><em>Here are some of the projects I completed.<br />
I will post more soon.<br />
Click on the links to view them on the web.</em></p>
<br />
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
<div class="w3-row-padding w3-center">


<div class="w3-col m3"><button class="button4 w3-button w3-padding-large w3-light-grey" style="margin-top:64px">Joeys Auto</button></div>

<div class="w3-col m3"><button class="button4 w3-button w3-padding-large w3-light-grey" style="margin-top:64px">CSS3 2D Animation</button></div>


<div class="w3-col m3"><button class="button4 w3-button w3-padding-large w3-light-grey" style="margin-top:64px">CSS3 Animation</button></div>

<div class="w3-col m3"><button class="button4 w3-button w3-padding-large w3-light-grey" style="margin-top:64px">CSS3 3D Animation</button></div>
<!--<button class="w3-button w3-padding-large w3-light-grey" style="margin-top:64px">LOAD MORE</button>

1 Ответ

0 голосов
/ 02 июля 2019

Для ссылки на другие сайты (например, ссылки на внешний сайт из вашего портфолио) вы можете использовать HTML-теги привязки . Вы можете использовать следующую ссылку: 

<a href="http://example.com">Joey's Auto</a>

Если вы уже находитесь на loriroberg.com, вы также можете использовать относительный URL: 

<a href="/final/index.html">Joey's Auto</a>

Это приведет вас к http://loriroberg.com/final/index.html. Вы можете найти больше информации об относительных и абсолютных URL в этом вопросе StackOverflow

...