Код за HTML-врска

Како да напишете код за HTML-врска.

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

HTML-текстуална врска

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

Кодот ќе ја создаде оваа врска:

Врска со текст

HTML-врска до истата страница

Код на сидро-врска:

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

Кодот ќе ја создаде оваа врска:

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

При притискање на врската, прелистувачот ќе премине во заглавието подолу, со овој код:

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

Врска со слика за HTML

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

Кодот ќе ја создаде оваа врска:

HTML-врска за е-пошта

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

Кодот ќе ја создаде оваа врска:

Испрати пошта

Погледнете: HTML mailto врска .

HTML-врска до преземање на датотека

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

Кодот ќе ја создаде оваа врска:

Преземи датотека

Погледнете: Линк за преземање HTML

HTML-врска се отвора во нов прозорец

Оваа врска ќе се отвори во нов прозорец или јазиче:

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

Кодот ќе ја создаде оваа врска:

Отворете ја страницата во нов прозорец

Врска со копчето HTML

Без JavaScript:

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

Со JavaScript:

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

Боја на врската

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

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

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

Врска со страница во боја

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

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

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

Врска со страница во боја

Релативни наспроти врски со апсолутна патека

Ова е врска со URL на релативна патека:

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

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

Врска со текст

Ова е врска со апсолутна URL-адреса:

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

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

Врска со текст

Генератор на кодови за врски со HTML

Исто така види

• HTML коментари
• HTML сидро врска
• Врска со копчето HTML
• Линк за преземање HTML
• Врска со слика за HTML
• Боја на HTML-врска
• HTML mailto врска
• HTML врска со нов прозорец
• HTML-текстуална врска