Код за 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

Изберете тип на врска:

Внесете текст на врската:    
Внесете URL за да водите до:    
Поставете стил на врската CSS:    
Нормална врска:    
боја:
боја на позадина:
декорација на текст:  
целно-ново:  
Скриена врска:    
боја:
боја на позадина:
декорација на текст:  
целно-ново:  
Генериран преглед на врската:    
Генериран код на врската:    

 

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

Advertising

WEB HTML
БРЗИ ТАБЕЛИ