Como sublinhar o texto em html

Hypertext Markup Language (HTML) é um idioma que projeta o front-end de qualquer site, que pode ser estático ou dinâmico. Sites presentes na Internet e são construídos on -line como Magento e WordPress também funcionam sobre os princípios básicos do HTML. Como outras linguagens de programação, o HTML também possui comandos conhecidos como tags, e essas tags são escritas em colchetes angulares. Como qualquer outro editor de texto, o HTML também permite adicionar texto, imagens, vídeos ou qualquer outro item no código. O conteúdo básico do HTML é texto. HTML inclui muitas funções para aplicar ao texto para aprimorar o recurso do design. Sublinar o texto é um recurso básico e importante para projetar o texto de acordo com a demanda e os requisitos do site. Se o texto estiver sublinhado, ele tem algo diferente para mostrar ou tem um impacto diferente no leitor. Vamos lançar luz sobre parte do conteúdo de sublinhar o texto neste guia.

Itens essenciais necessários

Existem duas ferramentas básicas usadas para a implementação do código HTML são:

• Um editor de texto
• Um navegador

Dois software são usados; um é usado como entrada e o outro como saída. Escrevemos o código em uma ferramenta e, do outro, podemos ver a saída. Um editor de texto pega o código. Por padrão, o Window possui um editor de bloco de notas, para que o usaremos em nosso tutorial. Um navegador é uma plataforma necessária para executar o arquivo html nele. Por padrão, o Windows tem um Internet Explorer para executar os arquivos de texto. Além disso, precisamos de tags HTML e CSS para realizar esta tarefa.

Formato e sintaxe

O conceito de sublinhar o texto pode ser possível conhecendo a funcionalidade básica e os recursos do HTML. O corpo HTML é dividido em duas partes. Um é a cabeça e a segunda é o corpo. A parte principal está escrita primeiro; Nessa parte, incluímos o título da página da web. Este título é visível quando executamos a página HTML no navegador. O estilo interno também é introduzido dentro do corpo da cabeça. Ao mesmo tempo, a parte do corpo contém todas as outras tags, incluindo texto, imagem, etc.

HTML tem uma tags de abertura e fechamento. Ambas as tags são escritas antes e depois do texto. O código HTML escrito nos blocos de bloco é salvo em extensões de bloco de notas e navegadores. O .A extensão txt é salva como um código, enquanto que com html, é salvo para o navegador. O arquivo do editor de texto deve ser salvo com a extensão HTML. Por exemplo, amostra.html. Então você verá que o arquivo é salvo com o ícone do navegador atual que você está usando para esse fim.

A imagem abaixo é um código de amostra de html. Na parte da cabeça, adicionamos o nome do título. E na parte do corpo, uma etiqueta de parágrafo é adicionada.

A saída é visualizada abaixo na imagem. O parágrafo também é exibido por padrão sem formatação.

Exemplo 1

Nesta ilustração, não mudamos nada na cabeça. Adicionamos um parágrafo, conforme discutido na amostra do código HTML. O parágrafo tem três linhas. Queremos sublinhar a linha do meio do parágrafo.

Esta tag também tem uma etiqueta final como os outros. Nós usamos o
tag no parágrafo, que é usado para passar para a próxima linha. Ele também tem uma tags de abertura e final. Mas apenas a etiqueta final também pode ser usada aqui.

Agora salve o arquivo e depois execute o arquivo no navegador.

A partir da saída, você verá que a linha do meio do parágrafo está sublinhada pela tag que usamos na tag html.

Exemplo 2

No primeiro exemplo, sublinhamos toda a frase. Mas, neste caso, queremos dominar apenas uma única palavra. Então, usaremos a tag sublinhada com essa palavra. A sintaxe para esta abordagem também é a mesma. Vamos ver o exemplo do código dado abaixo.

Quando executamos o código no navegador, obtemos o resultado como este.

Exemplo 3

Este é um exemplo de estilo embutido. Este estilo é adicionado dentro da etiqueta do parágrafo ou da tag de cabeçalho, o que você quiser formatar. Neste exemplo, temos que escrever o código de estilo na tag de cabeçalho para obter o resultado e entendê -lo. Além disso, todo o texto permanece intacto.

Alinhamento e formatação de texto são como tornar o texto ousado, itálico, etc. são a maior parte do design da página da web e são considerados de decoração de itens. Portanto, a tag contém a declaração de decoração de texto nela. Agora salve o texto e execute o arquivo no navegador. A partir da saída, você pode ver que o título está sublinhado enquanto outro texto não é porque aplicamos o texto em linha apenas na tag de título.

Exemplo 4

Este é um exemplo de estilo interno. Isso significa que a tag de estilo está escrita dentro do corpo da cabeça do HTML. Uma aula é declarada com o nome de um ponto. Esta classe é inicializada dentro da etiqueta de estilo. Isso é feito para que a formatação seja feita facilmente acessando a classe. Enquanto a etiqueta e a descrição do estilo são as mesmas que o CSS interno.

Todo o texto no parágrafo está sublinhado adicionando o nome da classe. Execute o código do arquivo no navegador.

É assim que a tag sublinhada é descrita dentro da classe com a ajuda da tag interna.

Da saída, você pode ver o funcionamento das tags dentro do corpo HTML.

Exemplo 5

Este também é um exemplo de CSS interno. Em que o código de estilo escrito no corpo da cabeça é o mesmo.

Aqui, sublinhado é o nome da classe. Enquanto a tag escrita dentro da tag para indicar o nome da classe é diferente da tag. Não é necessário usar sempre que usamos em vez de .

Você pode ver a saída.

Exemplo 6

Na maioria das vezes, você deseja sublinhar algum texto de outra maneira que não uma linha reta. Ou, no Microsoft Word, você notou que a palavra com grafias erradas é decorada com uma linha sublinhada. Esta abordagem também tem declaração de classe dentro do corpo da cabeça. Enquanto a classe também é introduzida dentro da tag.

Você pode observar que nos exemplos anteriores, a decoração de texto é sublinhada porque, por padrão, a linha sublinhada é direta. Mas você pode fazer cachos neles para torná -lo ondulado. Seria melhor se você mencionasse esta tag dentro da tag interna. A saída pode ser mostrada no navegador.

Saída:

Conclusão

Neste artigo, os exemplos sobre o sublinhamento do texto são explicados. Muitas abordagens são usadas para salvar e executar o arquivo de texto para obter os resultados em uma página da web ou em um site.