Curso Básico de HTML

Curso Bsico de HTML
Curso de Criao de WebSites SENAC-Centro de Educao em Informtica de So Paulo http://www.sp.senac.br/cei Concepo e Desenvolvimento do Curso: Rogrio Massaro Suriani-(rmsuriani@hotmail.com)
Planejamento
Antes de voc sair digitando os cdigos HTML de uma Home Page, necessrio o seu planejamento. preciso decidir quais so as cores bsicas a serem utilizadas, que figuras ou imagens voc pretende usar, etc. Alm disso, voc precisa obter e preparar as imagens, logotipos, contedos a serem abordados, etc. Somente aps planejar como sua pgina ser composta que voc inicia a composio em HTML. Ponha suas idias no papel. Rabisque. Deixe a criatividade fluir.
FAA SEU PLANEJAMENTO CUIDADOSAMENTE, ANTES DE INICIAR A EDIO DE HTML
Corpo Bsico
Este o corpo bsico para qualquer Home Page: <HTML> <HEAD> <TITLE>Texto a ser exibido na barra de ttulo do Browser</TITLE> </HEAD> <BODY> Desenvolvimento do contedo da home page propriamente dita. O contedo que for inserido aps o comando <Body> ser exibido para o visitante. </BODY> </HTML>
Comentrios
Um comentrio deve ser utilizado, quando voc necessitar acrescentar informaes que facilitem o entendimento, incluir dados como data de execuo, nome do autor, ou qualquer outra informao complementar, mas que no deva ser exibida ao visitante.
O comando utilizado para incluir um comentrio em sua origem de dados : <!- - comentrio - - >
Caracteres Especiais
Eis alguns caracteres:
Definio A acute A grave A tilde A circumflex A umlaut Double Quote Sharp s O slash AE ligature
Caracter "
Comando Á À Ã Â Ä &quote; ß ø &AEligature;
META
Este elemento tem a funo de fornecer informaes a respeito do documento. Para utilizar o comando, voc deve inserir <META http-equiv / name="string" content="string"> dentro do comando Head. Voc pode modificar as caractersticas de uma linha de separao atravs dos seguintes atributos: name="generator" => Content indica o programa usado na edio do Html; name="author" => Content indica o nome do autor do documento; name="keywords" => Fornece lista de palavras chave para mecanismos de busca; name="description" => Descreve o endereo em mecanismos de busca; http-equiv="refresh" => Indica qual URL deve ser carregada aps n segundos de exibio deste documento; Veja um exemplo: <META http-equiv="refresh" content="15;URL=nextpage.htm">
Dicas teis
Conhea algumas dicas que podem tornar seu site muito mais interessante para o visitante: Cuidado com o uso da gramtica e redao; Usar cores com discrio e bom gosto; Manter a identidade visual; Exibir na pgina de apresentao os tpicos principais; Informar endereo URL do documento, endereo para contato e data de atualizao; Utilizar links para a pgina principal, avanar e voltar; Oferecer imagens quando acrescentar ou complementar o texto e facilitar a navegao; Evitar exceder a largura de 450 pixels nas imagens; No criar pginas muito extensas (no mximo 6 telas); Cada pgina deve possuir no mximo 40KBytes.
Publicando na Internet
Agora que voc j sabe como desenvolver um site, vamos aprender como coloc-lo na Internet.
1. Vamos admitir que o seu site j est pronto para ser publicado; 2. Voc vai precisar de um programa de FTP (File Transfer Protocol) para
executar a tranferncia de arquivos do seu micro para o servidor onde sua pgina ficar hospedada. Os programas de FTP mais conhecidos so: WS_FTP, FTP Explorer, CuteFTP, entre muitos outros. Configure seu programa de FTP para se conectar ao servidor que abrigar seu site. Por exemplo: ftp.geocities.com Conecte-se ao servidor FTP utilizando seu nome de usurio e sua senha; Voc deve transferir todos os arquivos da pasta de seu site para uma pasta (diretrio) ou sub-pasta, cujo nome deve ter sido fornecido previamente por seu servidor; Caso voc no saiba qual este diretrio, entre em contato com seu servidor e obtenha as informaes necessrias; Na grande maioria dos casos o arquivo que inicializa a pgina do site deve chamar-se Index.htm, portanto no se esquea de renomear seu arquivo inicial antes de enviar suas pginas, mas isso no uma regra, por isso verifique com seu provedor qual deve ser o nome do arquivo portal do seu site; Quando concluir seu "Upload" (tranferncia de arquivos do seu micro para o servidor), abra seu browser e navegue pela sua pgina para verificar se todos os arquivos esto de acordo com a sua previso.
3. 4. 5.
6.
7.
LEMBRE-SE: A forma de publicar seu site na Internet pode sofrer mudanas de acordo com as particularidades de cada provedor ou servidor de sites de Internet. Por isso, informe-se com a empresa que vai armazenar seu site, a melhor maneira de transferir seu arquivos para o servidor.
FORMATAO
Destaque de Texto
Texto em negrito <B> </B> A alma sempre boa, sempre voa. Texto em itlico <I> </I> A alma sempre boa, sempre voa. Texto sublinhado <U> </U> A alma sempre boa, sempre voa. Texto sobrescrito <SUP> </SUP> sempre voa. A alma sempre boa, Texto subscrito <SUB> </SUB> A alma sempre boa, sempre voa. Texto com <TT> </TT> A alma sempre boa, sempre voa. Texto com <BIG> </BIG> A alma sempre boa, sempre
voa.
Texto com <SMALL> </SMAL> A alma sempre boa, sempre voa.
Alinhamento de Texto
Texto utilizando <BR> O <BR> quebra uma linha. Ex: "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo"
Alinhamento de Texto usando <P> O <P> usado para pargrafos Ex: "O Rio de Janeiro continua lindo O Rio de Janeiro continua sendo"
Com o atributo align ele desloca o texto. Veja os exemplos: <P align="left"> "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo" <P align="right"> "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo" <P align="center"> "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo" <P align="justify"> "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo."
<DIV> => um elemento de diviso utilizado para estruturar o alinhamento de um bloco de texto. Atributo: align="opo" => O alinhamento dos blocos podem ser: "left", "center", "right" ou "justify"
Ex: <DIV align="justify"> "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo." "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo." </DIV>
<CENTER> => um elemento de diviso utilizado para estruturar o alinhamento de um bloco de texto. O alinhamento ser sempre centralizado.
Ex: <CENTER> "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo." "O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo, O Rio de Janeiro continua lindo, o Rio de Janeiro continua sendo." </CENTER>
Headings
Os comandos de cabealhos permitem uma padronizao de ttulos e sub-ttulos. O atributo align controla o alinhamento do cabealho, que pode ser: "left", "center" ou "right". Cabealho com <H1> </H1>:
Introduo ao HTML
Cabealho com <H2> </H2>:
Introduo ao HTML
Introduo ao HTML
Introduo ao HTML
Cabealho com <H5> </H5>: Introduo ao HTML Cabealho com <H6> </H6>:
Introduo ao HTML
TABELA DE CORES
aliceblue antiquewhite aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue
f0f8ff faebd7 7fffd4 f0ffff f5f5dc ffe4c4 000000 ffebcd 0000ff 8a2be2 a52a2a deb887 5f9ea0 7fff00 d2691e ff7f50 6495ed fff8dc 00ffff 00008b 008b8b b8860b a9a9a9 006400 bdb76b 8b008b 556b2f ff8c00 9932cc 8b0000 e9967a 8fbc8f 483d8b
lightseagreen lightskyblue lightslateblue lightslategray lightsteelblue lightyellow limegreen linen magenta maroon mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise
20b2aa 87cefa 778899 888888 b0c4de ffffe0 00ff00 faf0e6 ff00ff 800000
mediumaquamarine 66cdaa
0000cd ba55d3 9370db 3cb371 7b68ee
mediumspringgreen 00fa9a
48d1cc c71585 191970 f5fffa ffe4e1 ffe4b5 ffdead 000080 fdf5e6 6b8e23 ffa500 ff4500 da70d6 eee8aa 98fb98 afeeee
darkslategray darkturquoise darkviolet deeppink deepskyblue dimgray dodgerblue firebrick floralwhite forestgreen gainsboro ghostwhite gold goldenrod gray green greenyellow honeydew hotpink indianred ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightgray lightgreen lightpink lightsalmon
2f4f4f 00ced1 9400d3 ff1493 00bfff 696969 1e90ff b22222 fffaf0 228b22 dcdcdc f8f8ff ffd700 daa520 7f7f7f 008000 adff2f f0fff0 ff69b4 cd5c5c fffff0 f0e68c e6e6fa fff0f5 7cfc00 fffacd add8e6 f08080
palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna skyblue slateblue slategray snow springgreen steelblue tan thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen
db7093 ffefd5 ffdab9 cd853f ffc0cb dda0dd b0e0e6 800080 ff0000 bc8f8f 4169e1 8b4513 fa8072 f4a460 2e8b57 fff5ee a0522d 87ceeb 6a5acd 708090 fffafa 00ff7f 4682b4 d2b48c d8bfd8 ff6347 40e0d0 ee82ee f5deb3 ffffff f5f5f5 ffff00 9acd32
lightgoldenrodyellow fafad2
d3d3d3 90ee90 ffb6c1 ffa07a
Fontes
Tamanho
Para alterar os tamanhos das fontes, utilize o seguinte comando: Usando <FONT size="1"> </FONT>
proibido proibir!
Usando <FONT size="2"> </FONT> proibido proibir! Usando <FONT size="3"> </FONT>
proibido proibir!
Usando <FONT size="4"> </FONT>
proibido proibir!
proibido proibir!
proibido proibir!
proibido proibir!
Cores
Para modificar as cores das fontes, utilize os seguintes comandos: Usando o nome da cor: <FONT color="cyan"> </FONT> A vida festa, alegria. Usando o cdigo RGB da cor: <FONT color="#00FFFF"> </FONT> A vida festa, alegria. Podem ser usadas vrias cores em uma s palavra. Ex: ALEGRIA
Tipologia
Para selecionar um tipo de letra, utilize os seguintes comandos:
Estilo Arial <FONT face="arial"> Texto a ser formatado</FONT> E que a fora do medo que tenho... Estilo Times Roman <FONT face="times roman"> Texto a ser formatado</FONT> E que a fora do medo que tenho... Estilo Courier <FONT face="courier"> Texto a ser formatado</FONT> E que a fora do medo que tenho... Estilo Georgia <FONT face="georgia"> Texto a ser formatado</FONT> E que a fora do medo que tenho... Obs: possvel colocar uma lista com opes diferentes de fontes. EX: <FONT face="arial, heveltica, sans-serif"> Texto a ser formatado</FONT>
Todos os atributos podem ser utilizados em conjunto. Veja no exemplo: <FONT size="4" color="#AAAA00" face="arial"> Texto a ser formatado</FONT>
E que a fora do medo que tenho...
Listas
Listas Ordenadas O comando utilizado para as listas ordenadas <OL> </OL> , quando a lista possuir uma sequncia regular (1,2,3,...) e <UL> </UL>, quando a lista a ser apresentada no necessita de ordem. Entre os comandos de listas regulares necessrio incluir o comando <LI> para cada item a ser inserido. Desta maneira, os marcadores ou a numerao sero inseridos automaticamente. Listas Ordenadas: Atributos de <OL>. type="opo" => Define o estilo de numerao. As opes so: "1", "A", "a", "I" ou "i". start="opo" => Define o nmero inicial da lista. Ex: Lista de Compras
A. Ch B. Patinho C. Lagarto
1. Tipo A 2. Tipo B
Atributos de <UL>. type="opo" => Define o estilo de marcador. As opes so: "circle", "disc" ou "square". o circle disc square
Ex: Lista de Compras o Ch o Patinho o Lagarto Tipo A Tipo B
Exemplo de Listas Encadeadas: Lista de Compras
1. Carne
o Ch o Patinho o Lagarto
A. Leite 1. Tipo A 2. Tipo B
Cores
Utilizando os atributos bgcolor e text dentro do tag <Body>, possvel determinar a cor de fundo e a cor de texto padro para um documento html.
<BODY bgcolor="yellow" text="blue">
Link Horizontal
Um link horizontal uma conexo para uma pgina do mesmo site. Tambm conhecido como ncora de vnculo.
O comando utilizado para inserir um link horizontal : <A href="home.htm"> Link Visualizado pelo visitante </A>
Link Absoluto
Um link absoluto uma conexo para uma pgina externa ao seu site, outro "URL". O comando utilizado para inserir um link absoluto : <A href="http://www.sp.senac.br"> Link Visualizado pelo visitante </A>
Link Vertical
Um link vertical aponta para um ponto especfico dentro do mesmo documento. O comando para indicar um link vertical semelhante ao link horizontal: <A href = "# assunto">Item visualizado pelo visitante </A> O ponto dentro do documento para onde o link ser apontado deve iniciar com <A name="assunto"> </A>. Exemplo: Lista dos Sites mais visitados na Web: Assunto Sites Horrios
Assunto Computao Msica Variedades Top
Sites
Yahoo Webcrawler Tucows Microsoft Netscape Top
Horrios Das 23:00h s 04:00h. Das 04:00h s 07:00h. Top
Home
Cores dos Links
O padro para a cor dos links no visitados, a cor azul. Para os links que j foram visitados a cor roxo. Mas voc no obrigado a aceitar estas cores. Voc pode escolher uma cor para o link a ser visitado, uma cor para o link que j foi visitado e ainda uma outra cor para o link ativo. Os comandos utilizados para escolher essas cores so atributos do comando <BODY>. Veja o exemplo: <BODY bgcolor="#00B466" text="#A00000" link="#55FFEE" vlink="#5560C7" alink="#551A8B"> O atributo link="cor" permite a escolha da cor que indicar a existncia do link; O atributo vlink="cor" permite selecionar a cor que indicar um link j visitado; O atributo alink="cor" permite a escolha da cor que indicar o link que foi ativado.
E-mail
O comando mailto aciona o programa de e-mail que estiver instalado em seu computador e permite o envio imediato de correspondncia para o endereo especificado. A sintaxe para este comando :
<A href="mailto:cei@sp.senac.br">SENAC - Informtica</A>
GRFICOS
Linhas de Separao
Uma linha de separao deve ser utilizada para melhorar a diviso dos diferentes tpicos abordados. Para inserir uma linha, utilize o comando <HR>. Voc pode modificar as caractersticas de uma linha de separao atravs dos seguintes atributos: <HR size="valor"> - Altera a altura da linha; <HR width="valor"> - Altera o comprimento da linha; <HR align="valor"> - Muda o alinhamento da linha na pgina; <HR noshade> - No exibe a sombra da linha; Veja um exemplo: Usando a seguinte linha de comando <HR size="5" width="75%" align="center"> o resultado obtido ser:
Cdigo Comentado
Imagens
Para inserir uma imagem em uma home page voc deve usar o comando <IMG src="nome do arquivo"> seguido do nome do arquivo da imagem. A imagem a ser inserida na home page deve possuir a extenso gif, jpg ou png. So vrios os atributos que podem ser adicionados a uma imagem os principais so: <IMG src="nome.gif" height="valor"> Determina a altura da imagem; <IMG src="nome.gif" width="valor"> Determina a largura da imagem; <IMG src="nome.gif" border="valor"> Determina a largura da borda que envolve a figura; <IMG src="nome.gif" align="opo"> Muda o alinhamento do texto ao redor da figura;
Cdigo Comentado Veja os exemplos abaixo: Imagem alinhada esquerda do texto: Don't look back, keep your head held high. Don't ask them why, because life is short. And before you know, you're feeling old. And your heart is breaking, don't hold on to the past.
Well that's too much to ask.
Imagem alinhada a direita do texto: Don't look back, keep your head held high. Don't ask them why, because life is short.
And before you know, you're feeling old. And your heart is breaking, don't hold on to the past. Well that's too much to ask. Live and learn, well the years they flew. And we never knew, we were foolish then. We would never tire, and that little fire. Is still alive in me, it will never go away. Can't say goodbye to yesterday
Imagem alinhada com a parte superior:
Don't look back, keep your head held high.
Imagem alinhada com a parte inferior:
Imagem alinhada ao meio:
Background com Imagem
possvel utilizar imagens de fundo em uma pgina utilizando o atributo background dentro do tag <BODY>. Veja o exemplo da sintaxe do comando:
<BODY background="nome da imagem">
Alguns exemplos de texturas:
Formulrios
Qual o seu nome?
Senac
Desejo receber informaes atravs de e-mail. Desejo receber informaes via correio. Desejo receber informaes via telefone. Cidade So Paulo Estado So Paulo
Banana Laranja Maa Morango Banana
Bauru
Lins
Barueri
Marilia
Campinas
Outros
Rio
Mato Grosso
Brasilia
Outros
Password
Enviar
Limpar
Mapeamento de Imagens
O mapeamento de imagens tem a funo de dividir a imagem em partes que sero linkadas a diferentes endereos. Este mapeamento deve ser feito indicando as coordenadas dos vrtices de uma figura em pixels. As formas que podem ser utilizadas para mapeamento so: retngulo, crculo e polgono.
Tabelas
As tabelas so construes avanadas em HTML, que permitem a voc organizar textos, imagens e outros tipos de contedo em linhas e colunas, com ou sem bordas. Funcionamento de uma tabela: <TABLE> => Cria uma tabela, que deve ser finalizada com </TABLE>. <TR> => Cria uma linha de tabela, que deve ser finalizada com </TR>. <TD> => Cria uma clula, o fechamento deste tag opcional. Vamos ver um exemplo bem simples de tabela: D S T Q Q S S 1 7 8 2 9 3 4 5 6 10 11 12 13
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Cdigo Comentado
Atributos:
<TABLE>
align => Define o alinhamento da tabela em relao a janela do navegador. Os alinhamentos podem ser: "left", "center" ou "right" bgcolor => Cor de fundo da tabela. width => Largura da tabela, que pode ser definida em pixel ou %. height => Altura da tabela, que pode ser definida em pixel ou %. cellspacing => espaamento entre as clulas. cellpadding => Preenchimento das clulas, seria como uma margem interna da clula, que determina a distncia da borda da clula para seu contedo. border => Largura da borda da tabela. background => Imagem de fundo da tabela.
<TR> align => Alinha o contedo de todas as clulas de uma linha. Os alinhamentos podem ser: "left", "center", "right" ou "justify". valign => Determina o alinhamento vertical do contedo de todas as clulas de uma linha. Os alinhamentos podem ser: "top", "middle" ou "bottom". bgcolor => Cor de fundo da linha. width => Largura da linha, que pode ser definida em pixel ou %. height => Altura da linha, que pode ser definida em pixel ou %. background => Imagem de fundo da linha.
<TD> align => Alinha o contedo da clula. Os alinhamentos podem ser: "left", "center", "right" ou "justify". valign => Determina o alinhamento vertical do contedo da clula. Os alinhamentos podem ser: "top", "middle" ou "bottom". bgcolor => Cor de fundo da clula. width => Largura da clula, que pode ser definida em pixel ou %. height => Altura da clula, que pode ser definida em pixel ou %. background => Imagem de fundo da clula. colspan => Expande a clula na horizontal. rowspan => Expande a clula na vertical.
Agora que j conhecemos o funcionamento de tabelas mais simples, que tal vermos algo mais complexo?
Calendrio J A N E I R O
D 7 S 1 8 T 2 9 Q 3 Q 4 S 5 S 6
10 11 12 13
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Frames
Os frames foram criados para proporcionar divises de pginas em duas ou mais partes. Isto possibilita a exibio simultnea do contedo de diferentes pginas. A principal vantagem consiste em visualizar o contedo de uma pgina, sem perder o contato com pgina de origem do site. Para criar uma diviso em frames necessrio elaborar um novo arquivo com a extenso .htm, e neste arquivo incluir os comandos de diviso da pgina e de chamada dos outros arquivos a serem carregados nas respectivas divises. O comando que causa as divises <FRAMESET> e encerrado com </FRAMESET>. Voc deve utilizar o atributo Cols ou Rows para indicar como devem ser feitas as divises da pgina. Veja o exemplo: <FRAMESET cols="150, *"> indica que a pgina deve ser dividida em duas partes: uma de 150 pixels e outra com o restante da tela; <FRAMESET rows="30%, 45%, *"> indica que a pgina deve ser dividida em trs partes: uma com 30%, outra com 45% e a ltima ocupar o restante da tela; Aps a diviso da tela, utilize outro elemento conhecido como Frame, seguido do atributo Src para carregar cada uma das pginas em sua respectiva diviso. Veja o exemplo de sintaxe: <FRAME src="indice.htm"> carrega o contedo da pgina Indice.htm na diviso. O elemento Frame deve ser utilizado tantas vezes quantas forem as divises criadas. Para ver mais e conhecer outros atributos dos frames veja os exemplos e leia os cdigos comentados.
Desafios
Desafio 1
Desafio 2
Desafio 3 Vamos ver se voc bom mesmo.

Na pasta "desafio" de seu CD existe um arquivo chamado "teste3.txt", abra este arquivo no bloco de notas, depois siga as instrues a baixo:
1. Coloque a extrutura bsica do HTML 2. Formate os textos. 3. Para cada item da lista existente no topo do arquivo, existe um texto
correspondente, crie os links verticais para os textos e um link vertical para voltar a lista.
Desafio 4
Desafio 5

Curso Básico de HTML

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Curso Básico de HTML

Enviado por

Direitos autorais:

Formatos disponíveis

Curso Bsico de HTML

FAA SEU PLANEJAMENTO CUIDADOSAMENTE, ANTES DE INICIAR A EDIO DE HTML

Eis alguns caracteres:

Texto com <SMALL> </SMAL> A alma sempre boa, sempre voa.

Usando <FONT size="4"> </FONT>

Usando <FONT size="5"> </FONT>

Usando <FONT size="6"> </FONT>

E que a fora do medo que tenho...

Ex: Lista de Compras o Ch o Patinho o Lagarto Tipo A Tipo B

Exemplo de Listas Encadeadas: Lista de Compras

A. Leite 1. Tipo A 2. Tipo B

Assunto Computao Msica Variedades Top

Yahoo Webcrawler Tucows Microsoft Netscape Top

Horrios Das 23:00h s 04:00h. Das 04:00h s 07:00h. Top

Cores dos Links

<A href="mailto:cei@sp.senac.br">SENAC - Informtica</A>

Well that's too much to ask.

Imagem alinhada com a parte superior:

Don't look back, keep your head held high.

Imagem alinhada com a parte inferior:

Don't look back, keep your head held high.

Imagem alinhada ao meio:

Don't look back, keep your head held high.

Background com Imagem

Alguns exemplos de texturas:

Desafio 3 Vamos ver se voc bom mesmo.

Você também pode gostar