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@cmtoinchesconvert.com">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://cmtoinchesconvert.com/uk/web/html/link/html-text-link.htm">Text Link</a>

Код створить це посилання:

Текстове посилання

Генератор коду посилань HTML

Виберіть тип посилання:

Введіть текст посилання:    
Введіть URL-адресу для посилання:    
Встановити стиль посилання CSS:    
Нормальне посилання:    
колір:
Колір фону:
текст-оздоблення:  
target-new:  
Наведене посилання:    
колір:
Колір фону:
текст-оздоблення:  
target-new:  
Перегляд створеного посилання:    
Згенерований код посилання:    

 

Дивись також

Advertising

WEB HTML
°• CmtoInchesConvert.com •°