Conteúdo do Curso
Essenciais de HTML
Essenciais de HTML
Marcação de Texto Especial
Tags de formatação de texto
O HTML fornece várias tags de formatação de texto que permitem adicionar ênfase, sublinhar ou riscar o texto conforme necessário.
As tags <strong>
e <em>
são usadas para enfatizar o texto. A tag <strong>
renderiza o texto em negrito, indicando forte importância, enquanto a tag <em>
renderiza o texto em itálico, indicando ênfase.
A tag <u>
sublinha o texto para fornecer clareza visual e destacar informações importantes. No entanto, use o sublinhado com moderação para evitar sobrecarregar o texto.
A tag <s>
risca o texto, indicando exclusão ou irrelevância. É comumente usada para mostrar que determinado texto foi removido ou não é mais válido.
Exemplo:
index
index
index
No exemplo acima:
- As tags
<strong>
e<em>
fornecem ênfase ao texto, com<strong>
renderizando o texto em negrito e<em>
em itálico; - A tag
<u>
sublinha o texto, destacando-o visualmente; - A tag
<s>
risca o texto, indicando exclusão ou irrelevância.
Links
Links, também conhecidos como hiperlinks, permitem que os usuários naveguem entre páginas da web, recursos e várias formas de comunicação. No HTML, os links são criados usando a tag <a>
(âncora).
O atributo href
dentro da tag <a>
especifica o destino do link. Ele pode aceitar vários tipos de URLs, incluindo:
- URLs Absolutos: Especificam o endereço completo do recurso vinculado, incluindo o protocolo (por exemplo,
"https://www.example.com"
); - URLs de Telefone: Permitem que os usuários iniciem chamadas telefônicas diretamente do navegador quando clicados. Formatados como
"tel:phone-number"
. É essencial incluir o código do país e remover quaisquer caracteres especiais ou espaços do número de telefone (por exemplo,"tel:+123456789"
); - URLs de Email: Permitem que os usuários componham emails quando clicados. Formatados como
"mailto:email-address"
. É importante incluir o endereço de email completo apósmailto:
(por exemplo,"mailto:example@example.com"
).
Exemplo:
index
index
index
No exemplo acima:
- A tag
<a>
cria hiperlinks com diferentes destinos; - O atributo
href
especifica várias URLs, incluindo URLs absolutas, números de telefone e endereços de email.
Outros atributos úteis
A tag <a>
possui vários atributos que podem ser usados para especificar propriedades de hiperlink. Alguns atributos comuns incluem:
target="_blank"
: Especifica onde abrir o documento vinculado."_blank"
abre o link em uma nova janela ou aba;download
: Especifica que o alvo será baixado quando o usuário clicar no hiperlink. Este atributo pode ter um valor para especificar o nome do arquivo para salvar o recurso.
Exemplo:
index
index
index
Neste exemplo:
- O atributo
href
especifica a URL do recurso vinculado; - O atributo
target
abre o link em uma nova janela ou aba.
Botões
A tag <button>
cria botões clicáveis em páginas da web. Ela permite que os usuários interajam com a página da web acionando ações como enviar um formulário ou executar código JavaScript. Embora não nos concentremos em JavaScript neste curso, é importante saber que essa possibilidade existe.
Tipos de botões
- Botão padrão (
<button type="button">
): Um botão de uso geral usado para várias ações na página da web, como acionar funções JavaScript ou navegar para outra página; - Botão de envio (
<button type="submit">
): Usado dentro de um formulário para enviar os dados do formulário para um servidor; - Botão de reset (
<button type="reset">
): Usado dentro de um formulário para redefinir os campos do formulário para seus valores padrão.
Exemplo:
index
index
index
No exemplo acima:
- O primeiro botão é um botão padrão com um atributo
onclick
que aciona um alerta quando clicado; - O segundo botão é um botão de envio que envia os dados do formulário para o servidor;
- O terceiro botão é um botão de reset que redefine os campos do formulário para seus valores padrão.
Tutorial em Vídeo
Obrigado pelo seu feedback!