Anda di halaman 1dari 4

HTML

HTML uma linguagem de marcao utilizada para produzir pginas na Web. Sua estrutura divide-se em duas partes: Head (Cabealho) Body (corpo) contm o contedo da pgina <html> <head> <title>Homepage</title> </head> <body> <p> Hello world! </p> </body> </html>

Cabealho

Corpo

Tags (etiquetas) definem o formato do contedo de uma pgina. EX: <p> <p> Hello world! </p> tag de inicio </p > tag final

Formatao de textos
Tags utilizadas para formatao de texto em arquivos HTML . <h1> </h1> destaca o texto do restante. Varia de <h1> a <h6>, a tag <h1> exibe o maior tamanho da fonte e a <h6> exibe o menor. <p> </p>: insere pargrafos. <i></i>: formata para itlico. <u></u>: sublinha. <b></b>: Negrito. <br></br>: quebra de linha. <pre></pre>>: insere o texto na formatao original. <hr>: insere uma linha horizontal para separar o texto

Imagens
SRC: indica o local onde o arquivo de imagem est situado. BORDER: indica a espessura da borda da imagem. ALING: define o alinhamento horizontal da imagem (pode ser: LEFT, CENTER ou RIGHT). WIDTH: largura da imagem HEIGHT: altura da imagem ALT: caso a imagem no consiga ser carregada exibe um texto alternativo. EX: <img border 0 src= imagem.jpg alt=imagem width = 304 height =222 />

Links
<a></a>: insere link. HREF: indica o caminho para qual o link faz referncia. EX: <a href = http://www.google.com > Google</a>

Listas
<ul></ul>: insere uma lista no-ordenada <li></li>: insere o contedo na lista ordenada ou no-ordenada <ol></ol>: insere uma lista ordenada. <dl></dl>: insere uma lista definida. <dt></dt>: insere contedo na lista definida. EX: Lista No-ordenada <ul> <li> contedo</li> </ul>

Lista Ordenada <ol> <li> Contedo</li> </ol>

Lista Definida <dl> <dt> Contedo</dt> </dl>

Tabelas
<table></table>: Cria uma tabela <tr></tr>: define uma linha <td></td>: insere os dados de uma tabela e define a coluna ALING: alinha a tabela em relao pgina BORDER: indica largura da borda da tabela. WIDTH: largura da tabela. CELLPADDING: espaamento entre a borda e o contedo da clula. CELLSPACING: espaamento entre as clulas da tabela. BGCOLOR: cor de fundo, dependendo em qual tag for utilizado pode altera a cor da tabela, da clula, ou da linha. EX: <table> <tr> <td> Contedo</td> </tr> </table>

Formas
<font></font>: define cor, fonte e tamanho do texto. SIZE: define tamanho da fonte (varia de 1 a8). FACE: define tipo da fonte COLOR: define cor da fonte EX:

<p> <font size= 5 face= arial color=red> Contedo </font> </p> STYLE: um atributo que define cor, fonte e tamanho do texto. COLOR: define cor da fonte FONT-FAMILY: define tipo da fonte FONT-SIZE: define o tamanho da fonte EX: <p style= font-family: arial; font-size: 200%; color: red> Contedo </p>

Imagem ou cor no corpo do site


BACKGROUND: insere uma imagem para plano de fundo da pgina. BACKGROUND-COLOR: insere uma cor para plano de fundo da pgina. BGCOLOR: insere uma cor para plano de fundo da pgina. EX: BACKGROUND: <body background = imagem.jpg>

</body> BACKGROUND-COLOR: <body background-color = blue>

</body> BGCOLOR: <body bgcolor= violet>

</body>

Tabelas de cores HTML


Tons de Cinza / Gray Colors
Black DimGray Gray DarkGray #000000 #696969 #808080 #A9A9A9 (0,0,0) (105,105,105) (128,128,128) (169,169,169) Silver #C0C0C0 (192,192,192) LightGrey #D3D3D3 (211,211,211) Gainsboro #DCDCDC (220,220,220) White #FFFFFF (255,255,255)

Tons de Azul / Blue Colors

SlateBlue #6A5ACD (106,90,205) DarkSlateBlue #483D8B (72,61,139) MidnightBlue #191970 (25,25,112) Navy #000080 (0,0,128) DarkBlue #00008B (0,0,139) MediumBlue #0000CD (0,0,205) Blue #0000FF (0,0,255) CornflowerBlue #6495ED (100,149,237)

BlueViolet Indigo DarkViolet

#8A2BE2 (138,43,226) #4B0082 (75,0,130) #9400D3 (148,0,211)

Tons de Rosa / Pink Colors


MediumVioletRed #C71585 (199,21,133) DeepPink #FF1493 (255,20,147) HotPink #FF69B4 (255,105,180) PaleVioletRed #C71585 (219,112,147)

Tons de Ciano / Cyan Colors


Aqua / Cyan #00FFFF (0,255,255) DarkTurquoise #00CED1 (0,206,209) Turquoise #40E0D0 (64,224,208)

Tons de Vermelho / Red Colors


Maroon #800000 (128,0,0) DarkRed #8B0000 (139,0,0) FireBrick #B22222 (178,34,34) Red #FF0000 (255,0,0)

Tons de Verde / Green Colors

DarkSlateGray #2F4F4F (47,79,79) Tons de Laranja / Orange Colors MediumSpringGreen #00FA9A (0,250,154) SpringGreen #00FF7F (0,255,127) OrangeRed #FF4500 (255,69,0) PaleGreen #98FB98 (152,251,152) LightGreen #90EE90 (144,238,144) DarkSeaGreen #8FBC8F (143,188,143) Tons de Amarelo / Yellow Colors

Tons de Roxo / Purple Colors


MediumSlateBlue #7B68EE (123,104,238) MediumPurple #9370DB (147,112,219)

Gold #FFD700 (255,215,0) Yellow #FFFF00 (255,255,0)