ХТМЛ код везе

Како написати ХТМЛ код везе.

• Текстуална веза
• Линк до исте странице
• Линк до слике
• Е-маил линк
• Линк до датотеке за преузимање
• Линк отворен у новом прозору
• Дугме линк
• Боја везе
• Релативне и апсолутне везе путање
• Генератор кода везе

ХТМЛ текстуална веза

<a href="link/html-text-link.htm"/Text Link</a/

Код ће створити ову везу:

Текстуална веза

ХТМЛ веза до исте странице

Шифра сидрене везе:

<a href="#generator"/Link code generator</a/

Код ће створити ову везу:

Генератор кода везе

Када притиснете везу, прегледач ће скочити на наслов испод, са овим кодом:

<h2/<a id="generator"/Link code generator</a/</h2/

Веза ХТМЛ слике

<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>

Код ће створити ову везу:

ХТМЛ е-маил веза

<a href="mailto:name@RT">Send Mail</a>

Код ће створити ову везу:

Пошаљи пошту

Погледајте: ХТМЛ маилто линк .

ХТМЛ веза за преузимање датотеке

<a href="link/test_file.zip">Download File</a>

Код ће створити ову везу:

Скини докуменат

Погледајте: ХТМЛ веза за преузимање

ХТМЛ веза отворена у новом прозору

Ова веза ће се отворити у новом прозору или картици:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

Код ће створити ову везу:

Отвори страницу у новом прозору

Веза ХТМЛ дугмета

Без јавасцрипта:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

Са јавасцриптом:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

Боја везе

Промена боје везе врши се цсс стилом:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

Код ће генерисати овај линк:

Линк странице у боји

Промена боје позадине везе врши се цсс стилом:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

Код ће генерисати овај линк:

Линк странице у боји

Релативне и апсолутне везе путање

Ово је веза са УРЛ-ом релативне путање:

<a href="link/html-text-link.htm">Text Link</a>

Код ће генерисати овај линк:

Текстуална веза

Ово је веза са УРЛ-ом апсолутне путање:

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>

Код ће генерисати овај линк:

Текстуална веза

Генератор ХТМЛ кода везе

Такође видети

• ХТМЛ коментари
• ХТМЛ усидрена веза
• Веза ХТМЛ дугмета
• ХТМЛ веза за преузимање
• Веза ХТМЛ слике
• Боја ХТМЛ везе
• ХТМЛ маилто линк
• ХТМЛ веза новог прозора
• ХТМЛ текстуална веза