Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

30/07/2013

Códigos Básicos de Html e Css

Neste post, vais poder ver um pequeno "tutorial", de códigos básicos de HTML e CSS.

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

Aumentar Tamanho:
<big>Palavra aqui</big>
Quanto mais usar maior fica.
Diminuir Tamanho:
<small>Palavra aqui</small>
Quanto mais usar menor fica.
Mudando a cor do texto:
<font color=Código de cor>Texto</font>
Sombreado no texto:
<div style=”color: Cor do texto ; text-shadow: Cor da sombra 1px 3px 2px;”>Texto aqui</div>

Bordas variadas:
<div style=”border-width:Espessura; width: Largura; height: Altura; border-color: Código da cor; border-style: Estilo da borda“>Escreva aqui</div>
No estilo da borda você pode colocar: solid, dashed, dotted, double, ridge e inset.

Barra de rolagem horizontal:
<pre><div style=”border: 1px solid rgb(205, 211, 218); padding: 5px; overflow: auto; background-color: rgb(247, 248, 249);”>Escreva algo longo aqui</div></pre>
Você pode mudar a border (em 1px) e o tipo dela (em solid pra outros), as cores (Esses 3 números, coloque cores no código Java)
Barra de rolagem vertical:
<div style=”overflow:auto; color:#000000; width:300px; height:100px; text-align:center; font-family:arial; font-size:12px; line-height:100%”>Escreva algo aqui</div>
Pode alterar o que está em negrito.

Blockquote:
<blockquote>Palavra aqui</blockquote>

Barra horizontal:
<hr size=”Espessura” width=”Largura” align=”center” color=”Código de cor“>
Linha horizontal:
<hr>

Borda e fundo coloridos:
<div style=”border:1px solid rgb(0, 0, 0);padding:0px;width:Largurapx;background-color:rgb(0, 0, 0)”>Escreva aqui</div>
Você pode mudar a espessura da borda (em 1px) e seu tipo (em solid) e as cores (em 0, 0, 0. Coloque cores do Código Java).

Pular linha:
<br>

Frase passando:
<marquee>Frase aqui</marquee>

Criar link:
<a href=Link aqui>Nome do link</a>
Colocar imagem:
<img src=Link aqui>
Imagem com link:
<a href=”Link aqui“><img src=”Link da imagem aqui” /></a>
Mudar tamanho da imagem:
<img src=”Link aqui” width=”Largura“>

0 Comentários

« »