43 lines
2.7 KiB
Markdown
43 lines
2.7 KiB
Markdown
|
---
|
|||
|
title: Links
|
|||
|
localeTitle: связи
|
|||
|
---
|
|||
|
## связи
|
|||
|
|
|||
|
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/html/attributes/links/index.md) .
|
|||
|
|
|||
|
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
|||
|
|
|||
|
Ссылки используются повсюду в Интернете, с целью, если вы направляете пользователей на различные элементы контента. Обычно они обозначаются вашим курсором, превращаясь в значок руки. Ссылки могут быть текстом, изображениями или другими элементами, содержащимися в вашем HTML или веб-странице.
|
|||
|
|
|||
|
Для определения вашей ссылки используется тег `code <a>` тега или элемент привязки, который также требует адрес назначения, к которому вы будете обращаться с атрибутом `code href` . Вот фрагмент, который делает фразу «FreeCodeCamp Guide» ссылкой:
|
|||
|
|
|||
|
```html
|
|||
|
|
|||
|
<a href="https://guide.freecodecamp.org">the freeCodeCamp Guide</a>
|
|||
|
```
|
|||
|
|
|||
|
Если вы хотите, чтобы ваша ссылка открывалась на новой вкладке, вы используете атрибут `code target` вместе с `code "_blank"` внутри вашего тега `code <a>` тега открытия. Это выглядит так:
|
|||
|
|
|||
|
```html
|
|||
|
|
|||
|
<a href="https://guide.freecodecamp.org" target="_blank">the freeCodeCamp Guide</a>
|
|||
|
```
|
|||
|
|
|||
|
Когда вам нужно направлять пользователей на определенную часть вашей веб-страницы, давайте предположим, что это самое дно, вам сначала нужно присвоить символ хеш- `code #` `code href` , как это
|
|||
|
|
|||
|
```html
|
|||
|
|
|||
|
<a href="#footer>More about us<a/>
|
|||
|
```
|
|||
|
|
|||
|
вам нужно будет использовать атрибут `code id` в элементе, который вы хотите направить своему пользователю, - в этом случае `code <footer>` в нижней части веб-страницы.
|
|||
|
|
|||
|
```html
|
|||
|
|
|||
|
<footer id="footer">Powered by freeCodeCamp</footer>
|
|||
|
```
|
|||
|
|
|||
|
#### Дополнительная информация:
|
|||
|
|
|||
|
[w3sschools - HTML-ссылки](https://www.w3schools.com/html/html_links.asp)
|