Introdução ao link de texto HTML
Um link HTML pode ser um link ou um hiperlink. Isso é usado para redirecionar para outra página, imagem, sites, pode ser qualquer coisa. Eles também costumavam navegar na mesma página para a seção específica. Eles costumavam renderizar dados, documentar apenas clicando neles. Nós apenas envolvemos nosso documento, imagens, URL ou dados dentro do texto. Também pode apontar para um arquivo, objeto ou qualquer coisa na mesma página ou na página diferente, dependendo do requisito. Quando passamos o mouse sobre o link HTML, ele muda o cursor para algum ícone diferente. Podemos discutir como eles funcionam e como criá-los na próxima seção do nosso artigo. Neste tópico, vamos aprender sobre o link de texto HTML.
Sintaxe para link HTML
Podemos seguir para criar nosso primeiro link HTML a partir da seguinte sintaxe abaixo. Na sintaxe fornecida abaixo, usaremos uma tag, atributos e suas propriedades correspondentes diferentes.
Link your corresponding text here
Na sintaxe acima, estamos usando a tag anchor para criar um link html ou um hiperlink. Discutiremos essa tag âncora em detalhes.
A tag anchor é uma tag através da qual podemos anexar ou vincular nosso texto, frase ou palavra para criar um link externo ou interno. Ao usar a tag anchor, criamos URL em nossas páginas que podem ser usadas para navegar para qualquer outra página, site ou na mesma seção da página.
Ao usar a tag anchor, temos muitas vantagens mencionadas abaixo.
- Organizar: ajuda a organizar nossos dados. Não precisamos criar várias páginas da Web, também não precisamos dividir nossos dados em partes para fins de gerenciamento. Podemos organizar nossos dados facilmente em um único local.
- Sem rolagem: usando o link html ou podemos dizer links internos html, não precisamos nos preocupar em rolar em páginas muito longas, basta clicar nesse link para encontrar a seção desejada na mesma página. Por isso, é fácil encontrar qualquer dado ou seção na página.
Como criar um tag de âncora?
Como você pode ver na sintaxe acima, usamos muitas coisas por lá agora e veremos mais de perto como criar e como funciona.
Basicamente, consiste em três partes diferentes (atributo):
- atributo href
- atributo de destino
- atributo name
1. atributo href
O atributo Href significa referência de hipertexto. Suponha que desejemos criar um hiperlink para que o primeiro requisito seja o endereço do documento que possa ser qualquer coisa como outro site, qualquer arquivo como PDF etc.
So for example : Google
Neste http://www.google.com está o valor que estamos atribuindo ao nosso atributo href. Portanto, sempre que clicarmos no Google, ele nos redirecionará para o link da página inicial do Google. Portanto, o atributo href contém o endereço do documento. Também podemos mencionar nosso próprio link HTML para href.
Por exemplo
My page
2. atributo de destino
O atributo target define como o documento será aberto. Tem muitos tipos e podemos usá-los de acordo com nossas necessidades.
- _parent: apenas abre o documento anexado no quadro pai.
- _blank: abre o documento na nova guia ou janela.
- _top: abre o documento anexado em janela inteira.
- _self: abre o documento na mesma janela ou na mesma guia na qual ele é clicado. O padrão que este destino está ativado. Podemos modificá-lo como abaixo:
Your Link text
Aqui target = ”_ blank” é a sintaxe para usá-lo.
3. atributo de nome
O atributo name é usado para pular ou navegar até algum ponto da página. Isso pode ser útil quando temos uma página grande da VRU com tantos conteúdos. Isso ajuda a economizar tempo e localização do usuário sem rolar. Sintaxe abaixo:
or
Neste e simplesmente clique para ir para o final da página sem rolar para baixo.
Section
Este navegador identificará a seção, mas precisamos usar (#) com o atributo name.
Link your text
Por isso, podemos nos referir ao "título" de outra página internamente. Aqui também (#) precisa ser usado no final do endereço da página.
Cores do link HTML
Também podemos fornecer cores ao nosso link html. Por padrão, eles têm três estados para a cor do link, que aparecerá em todos os navegadores.
- Link ativo: quando clicamos em qualquer link, ele se torna um link ativo com uma cor sublinhada e vermelha.
- Links não visitados: a cor padrão do navegador padrão para os links não visitados é azul e sublinhada.
- Links visitados: são roxos e sublinhados.
Mas também podemos fornecer cores personalizadas para vincular usando a sintaxe abaixo. Podemos seguir esse tipo diferente para fornecer cores ao nosso link. Mas estamos usando CSS embutido aqui, se você quiser, também pode criar CSS externo.
- Forneça diretamente o nome da cor.
- Usando o código de cores HEX.
- Usando os valores rgb () e rgba ().
- Usando os valores hsl e hsla ().
Red Link
Neste, podemos especificar diretamente o nome da cor no atributo style. Este é um CSS embutido.
Red color code
Aqui estamos especificando a cor usando códigos de cores. (Códigos de cores HEX)
Red color
Também podemos usar valores RGB () para especificar a cor dos nossos links. Podemos controlar a opacidade da cor usando rgb ().
Red color
Podemos substituir rbg () por rgba (), mas precisamos especificar o quarto valor para transparência e opaco.
Red color
Também podemos usar HSL para colorir nosso link. HSL basicamente significa matiz, saturação e leveza. Também podemos usar o HSLA para especificar cores, mas precisamos fornecer mais um parâmetro em hsla ().
Conclusão - Link de texto HTML
Portanto, em Sort, usamos a tag anchor e seus atributos para criar o hiperlink ou link em HTML. HREF contém o endereço do documento, o destino responsável por lidar com o documento. Também podemos colorir nosso link usando CSS embutido ou externo.
Artigos recomendados
Este é um guia para HTML Text Link. Aqui discutimos como criar uma marca de âncora com as cores do link HTML e a sintaxe do link HTML. Você também pode consultar os seguintes artigos para saber mais -
- Editores de texto HTML
- Link de imagem em HTML
- Controles de formulário HTML
- Versões do Html
- Quadros HTML
- Blocos HTML
- Definir uma cor de plano de fundo em HTML com exemplo