Formatando textos em html
Na linguagem html temos vários elementos que nos ajudam a dar um significado todo especial aos textos contidos em uma página, como veremos a seguir.
Esta é uma aula muito prática, de forma que você pode abrir o seu editor de textos e criar um novo esqueleto e ao acompanhar a aula já vai praticando.
Elementos <b> e <strong>
<b>Este é um texto em negrito</b>
O elemento <b>, conhecido como bold ou negrito, define um texto sem qualquer importância extra, apenas destaca o texto marcado.
<strong>Este é um texto forte</strong>
O elemento <strong> define o texto como de grande importância para os robôs (Google, Yahoo, etc). Para destacar apenas visualmente utilizamos o elemento <b> bold ou negrito.
Elementos <u> e <strike>
O elemento <u> mostrará um texto sublinhado.
<u>Este é um texto sublinhado</u>
O elemento <strike> mostrará o texto com um traço ao meio, também conhecido como texto tachado.
<strike>Este é um texto tachado</strike>
Elementos <i> e <em>
<i>Este é um texto em itálico</i>
Textos em itálico costumam ser usados para mostrar uma frase de outro idioma, um pensamento, um termo técnico, etc…
<em>Este é um texto enfatizado</em>
Textos enfatizados costumam ser exibidos em itálico, no entanto, se você estiver utilizando um leitor de tela, ele irá pronunciar as palavras em <em> com ênfase verbal.
Elemento <small>
O elemento <small> define um texto menor.
<small>Este é um texto menor que os outros normais</small>
Elemento <mark>
O elemento HTML <mark> define o texto que ficará destacado.
<p>Não esqueça de trazer as <mark>varas de pesca e as iscas</mark></p>
Elemento <del>
O elemento <del> define um texto que foi excluído de um documento. Geralmente os navegadores traçam uma linha no texto excluído.
<p>Nesta receita vai só uma colher de <del>açúcar</del> sal.</p>
Elemento <ins>
O elemento <ins> define um texto que foi inserido em um documento. Geralmente este texto será sublinhado pelos navegadores.
<p>Esta é uma cirurgia de risco <ins>porém é necessária</ins></p>
Elemento <sub>
O elemento<sub> define um texto subscrito que vai aparecer meio caractere abaixo da linha normal do texto, ou às vezes é mostrado em uma fonte menor.
<p>A fórmula da água é H<sub>2</sub>O.</p>
Elemento <sup>
O elemento <sup> define texto sobrescrito que aparecerá meio caractere acima da linha normal e às vezes é mostrado em uma fonte menor.
<p>Este é um texto <sup>sobrescrito</sup></p>
Elemento <blockquote>
O elemento <blockquote> define uma citação em bloco que desloca uma parte de seu texto.
<p>Platão em suas falas sobre educação deixou várias frases interessantes, porém a que mais gostei foi esta: <blockquote>A educação deve possibilitar ao corpo e à alma toda a perfeição e a beleza que podem ter.</blockquote> Aqui você nota particularmente a paixão que o filósofo nutria pela educação e conhecimento.</p>
DICA: note que você pode se utilizar de mais de um elemento nas frases.
EXEMPLO
<p><b>Platão</b> em suas falas sobre educação deixou várias frases interessantes, porém a que mais gostei foi esta: <blockquote>A educação deve possibilitar ao <b><u>corpo e à alma</u></b> toda a <i>perfeição e a beleza</i> que podem ter.</blockquote> Aqui você nota particularmente a paixão que o filósofo nutria pela <mark>educação e conhecimento.</mark></p>
NOTA: veja que as tags dos elementos devem vir aos pares:
<p>Parágrafo com texto em negrito e sublinhado.
Jeito certo:<b><u><i>texto</i></u></b>. </p>
Jeito errado <b><u><i>texto<b></u></i>
Neste caso especificamente irá mostrar o mesmo resultado visual, no entanto, numa página com centenas de tags cruzadas será um grande problema para se resolver, portanto acostume-se a seguir o convencional, que é aos pares.