Principais Tags HTML
Fala galera, tudo bom? Hoje separei alguma das tags que são muito utilizadas no WordPress. A grande maioria das vezes não precisamos utilizar tags quando estamos montando algum post, páginas, etc, porém existe alguns construtores de página que é necessário conhecer um pouco de HTML. Então eu separei as principais Tags.
Cabeçalhos
<hN> </hN>
Cabeçalho nível n para n de 1 a 6
Parágrafos
<p> </p>
Um simples páragrafo
align – Alinhamento do parágrafo: left, right, center e justify
Links
<a> </a>
Cria um link e inclui atributos em comum
href – O URL do documento que será vinculado a este. Para e-mail: mailto e link externo: http
name – O nome da âncora
target – Identifica a janela ou local em que o link deverá ser aberto: blank, self, top, parent
rel – Define os tipos de link que avançam
rev – Define os tipos de link que revertem a ação
acesskey – Atribui uma tecla de atalho para este elemento
shape – Para uso com formas de objeto
coords – Para uso com formas de objeto
tabindex – Determina a ordem das guias
onclick – É um evento JavaScript
onmouseover – É um evento JavaScript
onmouseout – É um evento JavaScript
Listas
<ol> </ol>
Uma lista ordenada
start – Define a partir de qual número a listagem começa
type – Tipos de caracteres ordenados: A, a, I, i, 1
<ul> </ul>
Uma lista não ordenada
type – Tipos de caracteres não ordenados: disk, square, circle
<li> </li>
Um item da lista
value – Numeração individual do item da lista
type – Tipos de caracteres ordenados: A, a, I, i e 1 para listagem ordenada e disk, square e circle para não ordenada
<strong> </strong>
Maior ênfase em negrito
<b> </b>
Texto em negrito
<i> </i>
Texto em itálico
<u> </u>
Texto sublinhado
<tt> </tt>
Fonte monoespaçada (texto semelhante à maquina de escrever)
<pre> </pre>
Texto pré-formatado
<big> </big>
Texto em fonte maior do que o padrão
<small> </small>
Texto em fonte menor do que o padrão
<hr>
Uma régua horizontal
size – Espessura da linha em pixels
width – Largura da linha em pixels ou porcentagem
align – Alinhamento da linha em center, left, right
color – Cor da linha em #RRGGBB
noshade – Linha sólida
<br>
Uma quebra de linha
<center> </center>
Centralizar
<div> </div>
Conteúdo
align – Alinhamento: left, center e right
Imagens
<img>
Insere uma imagem in-line no documento e inclui atributos comuns
usemap – Um mapa de imagens do lado cliente
src – O URL da imagem
alt – Uma string de texto que será exibida em navegadores que não possam suportar imagens
align – Determina o alinhamento de uma determinada imagem: top, middle, bottom, left e right
height – É a altura sugerida em pixels
width – É a extensão sugerida em pixels
vspace – O espaço entre a imagem e o texto acima e abaixo dela
hspace – O espaço entre a imagem e o texto à esquerda e à direita dela
border – Largura da borda
<table> </table>
Cria uma tabela
background – Imagem de plano de fundo
bgcolor – Cor de plano de fundo
border – Largura da borda em pixels
cols – Número de colunas
cellpadding – Espaçamento nas células
cellspacing – Espaçamento entre as células
width – Largura da tabela
align – Alinhamento da tabela: left, center, right
bordercolor – Cor na borda da tabela
<caption> </caption>
A legenda para a tabela
<tr> </tr>
Uma linha na tabela
align – O alinhamento horizontal do conteúdo das células dentro dessa linha com os valores possíveis left, right, center, justify e char
bgcolor – Cor de fundo
valign – o alinhamento vertical do conteúdo das células dentro dessa linha com os valores possíveis top, middle, bottom e baseline
background – Figura como plano de fundo
<th> </th>
Um cabeçalho de célula da tabela
align – Alinhamento horizontal
valign – Alinhamento vertical
bgcolor – Cor de plano de fundo
rowspan – O número de linhas pelo qual essa célula se expandirá
colspan – O número de colunas pelo qual essa célula se expandirá
nowrap – Desliga o enquadramento de texto em uma célula
<td> </td>
Define uma célula de dados da tabela
align – Alinhamento horizontal
valign – Alinhamento vertical
bgcolor – Cor de plano de fundo
rowspan – O número de linhas pelo qual essa célula se expandirá
colspan – O número de colunas pelo qual essa célula se expandirá
nowrap – Desliga o enquadramento de texto em uma célula
width – Largura da célula
height – Altura da célula
Quer aprender a fazer sites sem programação, com wordpress na prática? Conheça o Curso de WordPress mais completo do mercado, atualizado mensalmente e com aulas ao vivo para os alunos.
