Algumas tags importantes

Você pagou por um template personalizado ou pegou um prontinho em um site , e agora quer apenas inserir algumas coisinhas na coluna lateral, como seu perfil,  uma frase, links de outros blogs, agenda do artista homenageado do blog, ou outro. Mas quer o texto em negrito, sublinhado, ou sua imagem fica no canto e você quer centralizar, enfim, para isso você precisa apenas conhecer algumas tags básicas do html.

Mas o que são tags? as tags é que vão informar ao navegador como deve ser apresentado o blog ou site.

 

Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e acabam com um sinal de maior ">".

 

Existem dois tipos de tags - tags de abertura: <tag> e tags de fechamento: </tag>.  A diferença entre elas é que na tag de fechamento existe um barra "/".

 

Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag.

Exemplos:

Para centralizar um texto ou imagem:   <center><center>

Texto em negrito:  <b></b>

Texto sublinhado:  <u></u>

Texto itálico:   <i></i>

Para trocar de parágrafo: <p> </p>

Para quebra de linha, usa-se o <br> e esta tag foge a regra, ela não tem fechamento

Algumas aplicações:

Para colocar seu perfil num template que você pegou da web.

Geralmente nestes templates prontos e gratuitos, você vai encontrar uma frase indicando onde você deve colocar seu perfil, mais ou menos assim:

Você deverá encontrar no código html onde está a frase e  substituir pelo que você quer escrever sobre você.  Mas se você substituir a frase apenas escrevendo:

Nome: Mariana

Idade: 21 anos

Signo: Peixes

O resultado ficará assim:

Tudo na mesma linha.... o que fazer?

Terá que dar uma quebra de linha entre os frases.

Veja como você deve substituir esta frase:

Nome: Mariana

<br>

Idade: 21 anos

<br>

Signo: Peixes

<br>

Agora ficou assim:

Você usou uma tag simples de quebra de linha, mas poderia usar também a tag que indica um novo parágrafo e assim o espaço entre uma linha e outra ficaria maior:

<p>Nome: Mariana</p>
             <p>Idade: 21 anos</p>
             <p>Signo: Peixes</p>
 

Lembrando que neste caso a tag tem abertura e fechamento.

<p> texto </p>

O resultado ficaria assim como na figura ao lado:

Você pode melhorar ainda mais este perfil, usando outras tags como por exemplo negrito somente nos títulos:

Dica: Você pegou aqueles códigos de links de um Blog que você ADORA,  mas quer colocar ela na sua coluna centralizado, insira as mesmas tags acima mostrado para textos, antes e depois do código:

<center>     código do link aqui     </center>