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:

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).

html
Copiar código
Collapse
<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 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ó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 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:

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:

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