HTML E CSS

Clique Aqui ou aqui - para baixar o CSS padrão

Clique Aqui para baixar sulbime text editor

Codigos html

Códios html para estudar comparar e aprender

HTMLs pronto

Arquivos html prontos, para baixar

Referencias

conteudos de video e foruns para aprender

Introdução ao css html:

O .html é uma extenção de arquivo web reconhecido pelo navegador nesse tipo de documento se tem toda estrutura de uma pagina.

o css estiliza o html em cor imagens fontes etc..

Tags estruturais

<!- ->

Cria um comentário

<html> </html>

Envolve todo um documento html

<head> </head>

Envolve o cabeçalho de um documento html

<meta >

Fornece informações gerais sobre o documento

<style> </style>

Informações de estilo

<script> </script>

Linguagem script

<noscript> </noscript>

Conteúdo alternativo para quando a linguagem script não for suportada

<title> </title>

O título do documento

<body> </body>

Envolve o corpo (texto e tags) do documento html

bgcolor - Cor de fundo #RRGGBB
background - Imagem como plano de fundo
text - Cor do texto principal
link - Cor dos links existentes na página
vlink - Cor do link já visitado
alink - Cor do link que foi ativado
marginheight - Elimina a margem esquerda apenas no Netscape
marginwidth - Elimina a margem no topo da página apenas no Netscape
topmargin - Elimina a margem no topo da página apenas no Internet Explorer
leftmargin - Elimina a margem esquerda apenas no Internet Explorer

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

<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

<menu> </menu>

Um menu com uma lista de itens

<dir> </dir>

Uma listagem de diretórios

<dl> </dl>

Uma lista de definições ou glossário

<dt> </dt>

Marca o texto especificado como um termo de definição de um glossário

<dd> </dd>

Especifica o texto referente a um termo criado pela tag <dt> dentro de uma lista de definição

Formatação de caracteres

<em> </em>

Maior ênfase em itálico

<strong> </strong>

Maior ênfase em negrito

<code> </code>

Amostra de código

<kbd> </kbd>

Texto a ser digitado

<var> </var>

Uma variável ou espaço reservado para um outro valor

<samp> </samp>

Texto de amostra

<dfn> </dfn>

Aplica um formatação no texto definido como termo de um glossário

<cite> </cite>

Uma citação

<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

<strike> </strike>

Texto riscado

<s> </s>

Texto tachado

<sub> </sub>

Texto subscrito

<sup> </sup>

Texto sobrescrito

<big> </big>

Texto em fonte maior do que o padrão

<small> </small>

Texto em fonte menor do que o padrão

<blink> </blink>

Texto piscando somente no Nestcape

<marquee> </marquee>

Texto animado no Internet Explorer

Outros elementos

<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

espaço entre as palavras semelhante o espaço no teclado

<center> </center>

Centralizar

<div> </div>

Conteúdo

align - Alinhamento: left, center e right

<blockquote> </blockquote>

Texto com mais margem

<address> </address>

Assinaturas ou informações gerais sobre o autor de um documento

<font> </font>

Alterna tamanho , cor e tipo de fonte exibida

size - O tamanho da fonte varia de 1 a 7
color - A cor da fonte #RRGGBB
face - O tipo da fonte

<basefonte>

Define o tamanho padrão para a fonte na página atual

size - O tamanho da fonte varia de 1 a 7

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

Frames

<frameset> </frameset>

Define um frameset

rows - Número de linhas no frame
cols - Número de colunas no frame
frameborder - Borda do frame
framespacing - Espaçamento
onload - É um evento intrínseco
onunload - É um evento intrínseco

<frame> </frame>