Seções

Primeiro falaremos sobre a Manipulação de Texto

Informações

Manipulação de texto

Utilizando certas tags nós podemos manipular o texto

Podemos utiliza-las para que o leitor foque naquela palavra especifica

Utilizamos tags como <strong> para colocar peso nas palavras e fazer com que o leitor preste mais atenção nela

Ou também utilizamos tags como <h1> para definirmos importância de texto

HTML em si é apenas o bruto do site(texto, botões e etc..)

Abaixo eu deixei algumas tags com este objetivo

Passe o mouse sobre o texto acima para ver melhor
Tags para formatação de texto
Texto Tag Resultado
Texto em negrito Tag <b> Texto em negrito
Texto import Tag <strong> Texto importante
Texto em italico Tag <i> Texto em italico
Texto enfatizado Tag <em> Texto enfatizado
Marca texto Tag <mark> Marca texto
Diminuir texto Tag <small> Diminuir texto
Texto deletado Tag <del> Texto deletado
Texto com sobrelinha Tag <ins> Texto com sobrelinha
Texto abaixo da linha Tag <sub> Texto abaixo da linha
Texto acima da linha Tag <sup> Texto acima da linha
Formatação de texto

Tags de formatação de texto

Ao lado nós temos as tags de formatação de texto.

Como explicado acima.

Existem diversas maneiras de usa-las.

Podemos colocar peso nela com <strong>

Ou até deixar o texto em itálico com <i> como está no exemplo a esquerda

Tags de Header
Texto Tag Resultado
Header 1 Tag <h1>

Header 1
Header 2 Tag <h2>

Header 2
Header 3 Tag <h3>

Header 3
Header 4 Tag <h4>

Header 4
Header 5 Tag <h5>
Header 5
Header 6 Tag <h6>
Header 6
Header

Tags de Header

As tags de header são usadas comumente para definir a importância de uma sessão de texto

Indo de um nível de 1 a 6, cada nível tem seu tamanho e define a importância do texto

Sendo <h1> o mais importante e utilizado apenas, geralmente, apenas uma vez

Ele dá o titulo do site quando pesquisamos em algum mecanismo de pesquisa

Criação do texto da página

Texto

Texto da página

No html nós temos tags para criar o texto da página

Coisas como parágrafos, quebra de linha e etc...

Com essas tags nós fazemos o bruto da página podendo modifica-lá depois com o uso do css

É uma boa prática sempre fazer o bruto primeiro antes do css para ter uma visão maior do que fazer

Tag Explicação
<p> Cria um parágrafo
<pre> Mantém os espaços do texto (quebra de linha e etc...)
<br> Quebra uma linha
<hr> Adiciona uma linha de ponta a ponta no site
<a> Adiciona um link a palavra ou frase especificada
<img> Coloca uma imagem no site
<blockquote> Adiciona aspas (quote) a um pedaço de texto
<q> Adiciona aspas a palavra ou frase especificada
Texto da página

Sobre as tags ao lado

Podemos ver que temos bastante tags para manipular o nosso texto bruto html

Devemos sempre utiliza-los para tornar o código legivel e pelo uso em si das tags

Todas elas tem seus aspectos próprios, então devemos pensar bem ao utilizar uma tag

A tag <p> e <pre> são bem parecidas na superficie, porém elas não tem o mesmo objetivo

Vantagens e descantagens, todas as tags tem alguma delas, então devo usar com sabedoria