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