Tags de formatação de texto

O HTML oferece 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 utilizadas para enfatizar o texto. A tag <strong> exibe o texto em negrito, indicando grande importância, enquanto a tag <em> exibe o texto em itálico, indicando ênfase.

A tag <u> sublinha o texto para fornecer clareza visual e destacar informações importantes. No entanto, utilize o sublinhado com moderação para evitar poluição visual.

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:

No exemplo acima:

• As tags <strong> e <em> fornecem ênfase ao texto, com <strong> exibindo 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 diversas formas de comunicação. Em HTML, links são criados usando a tag <a> (âncora).

<a href="href-value">some text</a>

O atributo href dentro da tag <a> especifica o destino do link. Ele pode aceitar vários tipos de URLs, incluindo:

• URLs Absolutas: 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 ao clicar. Formatado 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 e-mails ao clicar. Formatado como "mailto:email-address". É importante incluir o endereço de e-mail completo após mailto: (por exemplo, "mailto:example@example.com").

Exemplo:

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 e-mail.

Outros atributos úteis

A tag <a> possui vários atributos que podem ser usados para especificar propriedades do hiperlink. Alguns atributos comuns incluem:

• target="_blank": Especifica onde abrir o documento vinculado. "_blank" abre o link em uma nova janela ou guia;
• download: Especifica que o destino será baixado quando o usuário clicar no hiperlink. Este atributo pode receber um valor para definir o nome do arquivo ao salvar o recurso.

Exemplo:

Neste exemplo:

• O atributo href especifica a URL do recurso vinculado;
• O atributo target abre o link em uma nova janela ou guia.

Botões

A tag <button> cria botões clicáveis em páginas web. Ela permite que os usuários interajam com a página acionando ações como enviar um formulário ou executar código JavaScript. Embora não abordemos JavaScript neste curso, é importante saber que essa possibilidade existe.

Tipos de botões

• Botão padrão (<button type="button">): Botão de uso geral utilizado para várias ações na página, como acionar funções JavaScript ou navegar para outra página;
• Botão de envio (<button type="submit">): Utilizado dentro de um formulário para enviar os dados do formulário para um servidor;
• Botão de redefinir (<button type="reset">): Utilizado dentro de um formulário para redefinir os campos do formulário para seus valores padrão.

Exemplo:

No exemplo acima:

• O primeiro botão é um botão padrão com um atributo onclick que aciona um alerta ao ser 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 redefinir que restaura os campos do formulário para seus valores padrão.

Tutorial em Vídeo