gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adding link on an image, improving text (#28819)

Browse Source
This commit is contained in:
Pedrohugovm
2019-08-16 11:38:38 -03:00
committed by Parth Parth
parent 1f8ab29293
commit 5190831762
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
guide/portuguese/html/attributes/links/index.md
View File

@@ -10,28 +10,34 @@ Este é um esboço. [Ajude nossa comunidade a expandi-lo](https://github.com/fre
Os links são usados ​​em toda a web, com o objetivo de direcionar usuários a vários itens de conteúdo. Eles geralmente são indicados pelo cursor se transformando em um ícone de mão. Os links podem ser textos, imagens ou outros elementos contidos em seu HTML ou página da web.
Você usa uma tag de `code <a>` ou um elemento de âncora para definir seu link, que também precisa de um endereço de destino que você acessará com o atributo `code href` . Aqui está um trecho que faz da frase "o guia FreeCodeCamp" um link:
Você usa uma tag de `<a>` ou um elemento de âncora para definir seu link, que também precisa de um endereço de destino que você acessará com o atributo `href` . Aqui está um trecho que faz da frase "o guia FreeCodeCamp" um link:
```html
<a href="https://guide.freecodecamp.org">the freeCodeCamp Guide</a>
```
Para adicionar um link a uma imagem, você precisará do endereço da página a ser acessada e o uso do atributo `img src` seguido do endereço da imagem. Você também pode descrever a imagem ou o link usando `alt`, veja o trecho a seguir:
Se quiser que seu link seja aberto em uma nova guia, você usará o atributo `code target` junto com o `code "_blank"` dentro da tag de `code <a>` abertura `code <a>` . Isso parece assim:
```html
<a href="https://guide.freecodecamp.org"><img src="endereço da imagem" alt="Descrição da imagem"/></a>
```
Se quiser que seu link seja aberto em uma nova guia, você usará o atributo `code target` junto com o `"_blank"` dentro da tag de `<a>` abertura `<a>` . Isso parece assim:
```html
<a href="https://guide.freecodecamp.org" target="_blank">the freeCodeCamp Guide</a>
```
Quando você precisa guiar os usuários para uma parte específica da sua página da web, vamos assumir a parte inferior, primeiro você precisa atribuir o símbolo `code #` hash ao atributo `code href` , como este
Quando você precisa guiar os usuários para uma parte específica da sua página da web, vamos assumir a parte inferior, primeiro você precisa atribuir o símbolo `#` hash ao atributo `href` , como este
```html
<a href="#footer>More about us<a/>
```
você precisará usar um atributo de `code id` no elemento para o qual deseja direcionar o usuário - nesse caso, o `code <footer>` na parte inferior da página da Web.
você precisará usar um atributo de `id` no elemento para o qual deseja direcionar o usuário - nesse caso, o `<footer>` na parte inferior da página da Web.
```html
@@ -40,4 +46,4 @@ você precisará usar um atributo de `code id` no elemento para o qual deseja di
#### Mais Informações:
[w3sschools - Links HTML](https://www.w3schools.com/html/html_links.asp)
[w3sschools - Links HTML](https://www.w3schools.com/html/html_links.asp)