Como sublinhar em html

Como sublinhar em html

Ao colocar conteúdo nas páginas da web, os desenvolvedores geralmente desejam sublinhar texto específico por vários motivos, como atrair a atenção dos usuários, estilizar o texto ou talvez representar um texto com ortografia. Qualquer que seja o motivo, talvez, se você deseja sublinhar alguns em html, existem várias maneiras pelas quais essa tarefa pode ser realizada. Essas abordagens foram discutidas neste blog.

Como sublinhar o texto usando a tag

Para fins de sublinhar um texto usando a tag, basta colocar o texto para ser sublinhado nessa tag. O objetivo desta tag é basicamente representar um texto implícito, com estilo de maneira diferente ou com erros ortográficos. A tag foi inicialmente eliminada do HTML, mas foi incluída novamente no HTML5.

Html




Como sublinhar o texto em html


Este é um título


Isto é um parágrafo.



No código acima, estamos simplesmente fazendo um título e um parágrafo. No entanto, desejamos sublinhar uma única palavra dentro do parágrafo, portanto, estamos envolvendo essa palavra em particular dentro da tag.

Saída


É assim que você pode sublinhar o texto usando a tag.

Há outra maneira que permite sublinhar o texto e foi discutido na próxima seção.

Como sublinhar o texto usando o atributo de estilo

Outra maneira de sublinhar o texto em HTML é usando o atributo de estilo que define um estilo embutido para um determinado elemento.

Html




Como sublinhar o texto em html


Este é um título


Isto é um parágrafo.



No código acima, você notará que estamos usando o elemento para sublinhar a palavra e definir seu atributo de estilo para “Decoração de texto: sublinhado”. Dessa forma, nossa palavra desejada será sublinhada.

Saída


A palavra foi sublinhada com sucesso usando o atributo de estilo.

Se você deseja sublinhar um texto usando CSS, consulte o trecho de código abaixo.

Html




Como sublinhar o texto em html



Este é um título


Isto é um parágrafo.



Aqui estamos, antes de tudo, envolvendo a palavra para ser sublinhada dentro de um elemento e depois usando o CSS interno para definir a propriedade de decoração de texto do elemento para sublinhar. O código acima gerará a mesma saída que acima.

Conclusão

Para fins de sublinhar um texto em html, use a tag ou o atributo de estilo. Basta embrulhar o texto a ser sublinhado dentro da tag ou ao usar o atributo de estilo, defina a propriedade de decoração de texto para sublinhar. O objetivo da tag é basicamente representar um texto implícito, com estilo de maneira diferente ou com erros ortográficos, enquanto o atributo de estilo define um estilo embutido para um determinado elemento.