Conteúdo do Curso
HTML Supremo
2. Tags e Atributos
HTML Supremo
Marcação de Texto com Propósito Especial
Link
A tag <a> é utilizada para criar hiperlinks que permitem aos usuários navegar entre diferentes páginas da web. Quando um usuário clica em um link, o navegador envia um pedido ao servidor para a página associada ao link e exibe a resposta na tela. O atributo href ajuda a especificar o URL da página de destino.
index.html
index.css
index.js
Atributos de link:
target
Por padrão, o link é aberto na mesma aba do navegador. O atributo target nos permite modificar esse comportamento. Para abrir um link em uma nova aba, use target="_blank".
index.html
index.css
index.js
download
O atributo download pode ser utilizado com a tag HTML <a> para especificar que o recurso alvo deve ser baixado em vez de exibido no navegador. Quando o atributo download é usado, o navegador solicita ao usuário que salve o arquivo com o nome de arquivo especificado. Por exemplo, se precisarmos criar um elemento com a seguinte funcionalidade: quando o usuário clicar no link, o navegador irá baixar o arquivo myfile.pdf de https://example.com/ e solicitará ao usuário para salvá-lo com o nome de arquivo myfile.pdf.
index.html
index.css
index.js
href
O atributo href é usado não apenas para navegar para outras páginas, mas também para criar links para endereços de e-mail, números de telefone e seções específicas.
index.html
index.css
index.js
Adicionalmente, o atributo href pode ser utilizado para navegar para seções específicas dentro de uma página web. Para criar uma tag âncora, atribua um atributo id (um identificador único) à seção desejada para onde queremos deslizar a página. O atributo href recebe um valor que começa com o símbolo # seguido pelo valor do id.
Vamos explorar o exemplo a seguir, apresentado na forma de CodeSandbox. Esta plataforma permite inspecionar o código e permite que você examine a funcionalidade do código.
Nota
Por favor, reserve um momento para inspecionar a funcionalidade clicando nos links e observando como a página desliza para as seções específicas. Além disso, preste atenção aos atributos da tag
ae da tagh2.
Button
A tag <button> em HTML é usada para criar um botão clicável que pode disparar uma ação, como enviar um formulário, executar uma função JavaScript como abrir e fechar uma janela pop-up ou alternar um menu móvel. Por padrão, <button> possui o atributo type, e seu valor é submit. No entanto, muitas vezes precisamos especificar type="button".
index.html
index.css
index.js
Nota
A tag
<a>é utilizada para criar hiperlinks para outras páginas, documentos ou recursos. Por outro lado, a tag<button>é usada para criar interatividade numa página web, acionando um evento ou realizando uma ação. É essencial não misturar os seus propósitos.
Tudo estava claro?
Conteúdo do Curso
HTML Supremo
2. Tags e Atributos
HTML Supremo
Marcação de Texto com Propósito Especial
Link
A tag <a> é utilizada para criar hiperlinks que permitem aos usuários navegar entre diferentes páginas da web. Quando um usuário clica em um link, o navegador envia um pedido ao servidor para a página associada ao link e exibe a resposta na tela. O atributo href ajuda a especificar o URL da página de destino.
index.html
index.css
index.js
Atributos de link:
target
Por padrão, o link é aberto na mesma aba do navegador. O atributo target nos permite modificar esse comportamento. Para abrir um link em uma nova aba, use target="_blank".
index.html
index.css
index.js
download
O atributo download pode ser utilizado com a tag HTML <a> para especificar que o recurso alvo deve ser baixado em vez de exibido no navegador. Quando o atributo download é usado, o navegador solicita ao usuário que salve o arquivo com o nome de arquivo especificado. Por exemplo, se precisarmos criar um elemento com a seguinte funcionalidade: quando o usuário clicar no link, o navegador irá baixar o arquivo myfile.pdf de https://example.com/ e solicitará ao usuário para salvá-lo com o nome de arquivo myfile.pdf.
index.html
index.css
index.js
href
O atributo href é usado não apenas para navegar para outras páginas, mas também para criar links para endereços de e-mail, números de telefone e seções específicas.
index.html
index.css
index.js
Adicionalmente, o atributo href pode ser utilizado para navegar para seções específicas dentro de uma página web. Para criar uma tag âncora, atribua um atributo id (um identificador único) à seção desejada para onde queremos deslizar a página. O atributo href recebe um valor que começa com o símbolo # seguido pelo valor do id.
Vamos explorar o exemplo a seguir, apresentado na forma de CodeSandbox. Esta plataforma permite inspecionar o código e permite que você examine a funcionalidade do código.
Nota
Por favor, reserve um momento para inspecionar a funcionalidade clicando nos links e observando como a página desliza para as seções específicas. Além disso, preste atenção aos atributos da tag
ae da tagh2.
Button
A tag <button> em HTML é usada para criar um botão clicável que pode disparar uma ação, como enviar um formulário, executar uma função JavaScript como abrir e fechar uma janela pop-up ou alternar um menu móvel. Por padrão, <button> possui o atributo type, e seu valor é submit. No entanto, muitas vezes precisamos especificar type="button".
index.html
index.css
index.js
Nota
A tag
<a>é utilizada para criar hiperlinks para outras páginas, documentos ou recursos. Por outro lado, a tag<button>é usada para criar interatividade numa página web, acionando um evento ou realizando uma ação. É essencial não misturar os seus propósitos.
Tudo estava claro?
