Neste artigo, mostrarei como formatar texto usando tags HTML.

A partir deste artigo começamos a aprender as tags HTML comumente usadas, então vamos aplicar CSS para construir layouts para deixar o site mais bonito. As tags HTML que apresento são relativamente simples, então você pode usar o google para pesquisar qualquer blog de programação.

1. Tags HTML de formato de texto comum

A seguir está uma lista de tags HTML usadas para formatar texto.

Tag p – segmento de texto

A tag p significa parágrafo , usado para segmentar o texto em um ensaio. Ao escrever, você deve dividir em parágrafos, cada parágrafo será uma ideia ou um grupo de muitas ideias relacionadas. Isso torna muito mais fácil para os outros lerem.

O exemplo abaixo eu dividi em dois parágrafos, subindo você verá que o espaço entre os dois parágrafos é separado por uma linha em branco.

 <p> Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis. </p> <p> Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis. </p>

 Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis. Donec nibh urna, mattis nec lacinia egestas, volutpat quis risus. Morbi sagittis blandit cursus. Morbi in velit dui. Suspendisse aliquam porttitor tortor at tempus. Ut gravida, eros a porttitor ornare, quam mauris dignissim nisl, ac eleifend metus erat dignissim felis.

Cartão br – cair na fila

Cartão br usado para descarregar. Se você usar a tag br , o navegador moverá todo o texto que começa após a tag br para uma nova linha. A diferença entre a tag p e a tag br é que a tag br não terá um espaço muito longo entre os dois parágrafos, e a tag p sim.

 <p> Chào mừng bạn đến với <br/> web888.vn </p>

 Chào mừng bạn đến với web888.vn

Etiqueta b – negrito

A tag b tem o efeito de colocar um parágrafo em negrito. Seu uso de exibição é o mesmo que a marca forte.

 <p> Chào mừng bạn đến với <b>web888.vn</b> </p>

Marca forte – ênfase

A marca forte tem o mesmo efeito que a marca b, o que significa que destacará e realçará o parágrafo. No entanto, em termos de significado, é a marca de ênfase para o conteúdo.

 <p> Chào mừng bạn đến với <strong>web888.vn</strong> </p>

Cartão i – itálico

A tag i significa itálico, tem o efeito de colocar o texto em itálico.

 <p> Chào mừng bạn đến với <i>web888.vn</i> </p>

Tag pequena – letras pequenas

A tag pequena é usada para formatar o texto menor que o normal.

 <p> Chào mừng bạn đến với <small>web888.vn</small> </p>

Etiqueta – hightline

A marca marca é usada para marcar a linha alta do parágrafo.

 <p> Chào mừng bạn đến với <mark>web888.vn</mark> </p>

Card del – travessão do meio

A tag del é usada para riscar uma linha entre parágrafos.

 <p> Chào mừng bạn đến với <del>web888.vn</del> </p>

Subtag – pular para baixo

A subtag é usada para deixar o texto saltar abaixo do parágrafo.

 <p> Chào mừng bạn đến với <sub>web888.vn</sub> </p>

cartão sup – pule em cima

A tag sup é usada para empurrar o texto para saltar acima do parágrafo.

 <p> Chào mừng bạn đến với <sup>web888.vn</sup> </p>

2. Exercícios simples de formatação de texto em HTML

Vamos compor um código HTML contendo todo o conteúdo das tags que aprendemos na parte 1. Vou deixar vocês praticarem. Ou você pode consultar o exemplo abaixo.

 <p> Chào mừng bạn đến với website học lập trình <i>web888.vn</i> <br/> Đây là bài học <strong>các thẻ HTML định dạng văn bản</strong>, bạn hãy tham khảo và thực hành tất cả cá ví dụ nhé. </p> <p> Khi làm việc với văn bản thì chúng ta thường có những <b>thủ thuật riêng</b> để giúp đoạn văn nhìn trôi chảy hơn. </p>

Acima estão as tags comumente usadas para formatar texto. Além dessas tags, podemos usar CSS e geralmente usamos essa forma com mais frequência.

Este artigo termina aqui, no próximo aprenderemos sobre tags HTML em formato de tabela.