Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Marcação de Texto Especial | Fundamentos de HTML
Essenciais de HTML
course content

Conteúdo do Curso

Essenciais de HTML

Essenciais de HTML

1. Compreendendo a Web e HTML
2. Fundamentos de HTML
3. Imagens e Mídia
4. Tabelas e Formulários
5. HTML Avançado

bookMarcaçã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:

html

index

css

index

js

index

copy

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ós mailto: (por exemplo, "mailto:example@example.com").

Exemplo:

html

index

css

index

js

index

copy

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:

html

index

css

index

js

index

copy

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:

html

index

css

index

js

index

copy

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

1. Selecione a afirmação correta entre as opções fornecidas.
2. Como são criados os links?
3. O que o atributo `href` especifica em uma tag `<a>`?
4. O que a tag `<button type="submit">` faz?
Selecione a afirmação correta entre as opções fornecidas.

Selecione a afirmação correta entre as opções fornecidas.

Selecione a resposta correta

Como são criados os links?

Como são criados os links?

Selecione a resposta correta

O que o atributo `href` especifica em uma tag `<a>`?

O que o atributo href especifica em uma tag <a>?

Selecione a resposta correta

O que a tag `<button type="submit">` faz?

O que a tag <button type="submit"> faz?

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 5
some-alt