Dicionário de Códigos HTML

00:00 4 Comments A+ a-

Por mais que eu tenha demorado a fazer tutoriais de HTML, prometo que depois desse post, esses tutoriais irão aparecer de monte aqui no blog, ok? Resolvi fazer primeiro esse dicionário com alguns códigos, para que vocês se familiarizem e para que mais tarde facilite você na hora de arrumar algo no seu blog.

Irei mostrar para você um pouco dos códigos básicos, pois assim vocês vão se familiarizando com o HTML e o CSS, ok? Lembrando que é a primeira vez que faço um "tutorial" de HTML e espero que vocês consigam entender todas as coisas que quero dizer.

Estrutura do HTML

<html>
  <head>
    <title>
      Título do site/blog.
    </title>
    <style>
      Aqui ficará todo o código de personalização.
    </style>
  </head>
  <body>
    <div>
      Aqui é só uma divisória.
    </div>
  </body>
</html>

Essa é a estrutura básica de todo HTML existem, ou seja, sempre haverá isso nos HTML. Claro que você não irá mexer nessa estrutura, somente irá mexer no style e nas divs, mas isso é outro assunto. O que quero mostrar para vocês é a base de tudo, o princípio.

Personalização

Já que vocês estão familiarizados com a estrutura de um html, irei mostrar um pouco dos códigos de personalização.

Negrito:
<b>Texto aqui</b>
Itálico:
<i>Texto aqui</i>
Sublinhado:
<u>Texto aqui</u>
Riscado:
<s>Texto aqui</s>

Blockquote:
<blockquote>Texto aqui</blockquote>
Criar link:
<a href='URL_DO_LINK'>Nome link aqui</a>
Colocar imagem:
<img src='LINK_IMAGEM' />
Imagem com link:
<a href='#'><img src='#' /></a>

Aumentar tamanho:
<big>Texto aqui</big>
Quanto mais usar, maior fica.
Diminuir tamanho:
<small>Texto aqui</small>
Quanto mais usar, menor fica.

Pular linha:
<br />
Colocar linha dividindo:
<hr />

Cor do texto:
color: #COR;
Espaço entre as palavras:
word-spacing:0px;
Espaço entre as letras:
letter-spacing:0px;
Alinhamento do texto:
text-align: left;
Decoração do texto:
text-transform:uppercase;

O dicionário ficou extenso demais, por isso vou parar aqui, caso vocês queiram saber mais códigos, farei um segundo dicionário. Por enquanto é isso. O que acharam? Já deu para entender um pouco sobre HTML e CSS? Querem mais?

4 comentários

Write comentários
Sarah Rigby
AUTHOR
01/07/2014 20:55 delete

Nossa HTML é o meu terror, hahaha, gostei do post <3

Reply
avatar
01/07/2014 21:24 delete

Depois que você aprende, você consegue sobreviver, haha :P

Beijos.

Reply
avatar
Marcela Ayana
AUTHOR
11/08/2014 13:49 delete

Manuuuella! Cadê o botão de curtir e compartilhar? hahah Super útil esse post ♥

Reply
avatar
12/08/2014 10:22 delete

Que bom que gostou! ♥

Beijos.

Reply
avatar