>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Sublinhar Texto em HTML

Embora seja possível sublinhar texto em HTML envolvendo-o na tag <u> — por exemplo, "<u>este texto está sublinhado</u>" — a abordagem recomendada é criar uma folha de estilos em cascata (CSS), definir um elemento de estilo e aplicá-lo ao texto que deseja sublinhar.

Método Preferido: Usando CSS

Coloque o seguinte CSS entre as tags <head>:

<style>
.underline { text-decoration: underline; }
</style>

Em seguida, aplique a classe ao texto desejado no corpo do documento:

<p class="underline">este texto está sublinhado.</p>

Convenções Comuns para Enfatizar Texto

No HTML5, a tag <u> deve ser usada para rotular nomes próprios chineses e indicar palavras com erros ortográficos. Como texto sublinhado normalmente indica um hiperlink em páginas web, você deve usar outros atributos, como negrito ou itálico, para enfatizar texto.

Ao usar uma folha de estilos em cascata para definir o estilo de texto enfatizado, basta alterar um único elemento de estilo para converter automaticamente todo o texto sublinhado em negrito ou itálico. Por exemplo, altere a definição do elemento de estilo CSS anterior para:

.emphasis { font-weight: bold; }

ou

.emphasis { font-style: italic; }

Isso garante consistência visual e facilita a manutenção do código.