Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Página completa em HTML basico

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Página completa em HTML basico   7/7/2008, 9:51 pm

1º Usaremos nesta página os seguintes comandos HTML que já aprendemos:


  1. Link´s (target, mailto)
  2. Imagem (border, width, height, img)
  3. <ol> (ol, ul, li, disc)
  4. Font (color, size, face)
  5. <br> (br, hr)
  6. <blockquote>
  7. align (center, left)
  8. E algums otros que são usados normalmente como: <body>, <head>, <title>, etc...


De uma olhada nessas screen abaixo e o codigo HTML vai estar logo abaixo das imagens:

Pagina inicial:
[Você precisa estar registrado e conectado para ver esta imagem.]

Código:

<html>
<head>
<title>-- PROJECT HTML --</title>
</head>
<body bgcolor="#000000" background="fundo.gif" text="#FF0000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<p align="center"><font color="#FF0000" size="6" face="comic sans ms"><b><u>PROJECT HTML</b></u></font>
<br>
<font color="#FF0000" size="2" face="comic sans ms">
Qualidade no Ensino em 1º lugar!</font>
</p>
<p align="center"><font color="#FF4500" size="3" face="comic sans ms"><b><u><i>Menu:</b></u></i></font>
<br>
<a href="index.html" title="Home"><img src="inicio.jpg" border="0"></a>
<a href="downloads.html" title="Downloads"><img src="downloads.jpg" border="0"></a>
<a href="galeria.html" title="Galeria"><img src="galeria.jpg" border="0"></a>
<a href="contato.html" title="Contato"><img src="Contato.jpg" border="0"></a>
<br><br><br>
</p>
<p align="left">
Bem vindo a nossa home page!

Na area de downloads pode se encomtrar:
<ol>
<blockquote>
<li>WinRAR
<li>CCleaner
<li>MSN
</blockquote>
</ol>
Na area da galeria pode se encomtrar:
<blockquote>
<ol>
<li>Screen Win XP
<li>Screen Win Vista
<li>Paisagens belas
</blockquote>
</ol>
</p>
</body></html>


Página Downloads:
[Você precisa estar registrado e conectado para ver esta imagem.]

Código:

<html>
<head>
<title>-- PROJECT HTML --</title>
</head>
<body bgcolor="#000000" background="fundo.gif" text="#0000FF" link="#ADFF2F" alink="#FF0000" vlink="#FF0000">
<p align="center"><font color="#FF0000" size="6" face="comic sans ms"><b><u>PROJECT HTML</b></u></font>
<br>
<font color="#FF0000" size="2" face="comic sans ms">
Qualidade no Ensino em 1º lugar!</font>
</p>
<p align="center"><font color="#FF4500" size="3" face="comic sans ms"><b><u><i>Menu:</b></u></i></font>
<br>
<a href="index.html" title="Home"><img src="inicio.jpg" border="0"></a>
<a href="downloads.html" title="Downloads"><img src="downloads.jpg" border="0"></a>
<a href="galeria.html" title="Galeria"><img src="galeria.jpg" border="0"></a>
<a href="contato.html" title="Contato"><img src="Contato.jpg" border="0"></a>
<br><br><br>
</p>
<p align="left">
<hr color="#FF0000" align="left" width="50%">
<blockquote><img src="winrar.jpg" width="50" height="35" border="1"></blockquote>
<br>
<font color="#FF4500" size="2" face="comic sans ms"><b><u>Descrição:</b></u></font>
<ul type="disc">
<blockquote>
<li>Nome: WinRAR
<li>Sistema: XP/Vista/98/2000/2003
<li>Tamanho: 2,78 MB
<li>Categoria: Compactadores
</ul>
<blockquote>
Um dos melhores compactadores/descompactadores
<br>
de arquivos chega à mais nova versão! Em português
</blockquote></blockquote>
Download: <a href="http://www.rarlab.com/rar/wrar371br.exe" target="_blank">Aqui</a>
<hr color="#FF0000" align="left" width="50%">
</p>

<p align="left">
<blockquote><img src="ccleaner.jpg" width="50" height="35" border="1"></blockquote>
<br>
<font color="#FF4500" size="2" face="comic sans ms"><b><u>Descrição:</b></u></font>
<ul type="disc">
<blockquote>
<li>Nome: CCleaner
<li>Sistema: XP/Vista/98/2000/2003
<li>Tamanho: 2,78 MB
<li>Categoria: Limpadores
</ul>
<blockquote>
Remova arquivos desnecessários no computador para
<br>
ganhar desempenho e espaço em disco. Grátis e em Português!
</blockquote></blockquote>
Download: <a href="http://download.piriform.com/ccsetup209.exe" target="_blank">Aqui</a>
<hr color="#FF0000" align="left" width="50%">
</p>


<p align="left">
<blockquote><img src="MSN.jpg" width="50" height="35" border="1"></blockquote>
<br>
<font color="#FF4500" size="2" face="comic sans ms"><b><u>Descrição:</b></u></font>
<ul type="disc">
<blockquote>
<li>Nome: MSN 9.0 BETA
<li>Sistema: XP/Vista/2003
<li>Tamanho: 17,20 MB
<li>Categoria: Comunicadores Instantâneos (Messengers)
</ul>
<blockquote>
A mais nova versão de testes do Windows Live Messenger
<br>
foi totalmente testada pela equipe Baixaki. Confira!
</blockquote></blockquote>
Download: <a href="http://www.filedropper.com/msn9" target="_blank">Aqui</a>
<hr color="#FF0000" align="left" width="50%">
</p>
</body></html>



Página Galeria:

[Você precisa estar registrado e conectado para ver esta imagem.]

Código:

<html>
<head>
<title>-- PROJECT HTML --</title>
</head>
<body bgcolor="#000000" background="fundo.gif" text="#0000FF" link="#ADFF2F" alink="#FF0000" vlink="#FF0000">
<p align="center"><font color="#FF0000" size="6" face="comic sans ms"><b><u>PROJECT HTML</b></u></font>
<br>
<font color="#FF0000" size="2" face="comic sans ms">
Qualidade no Ensino em 1º lugar!</font>
</p>
<p align="center"><font color="#FF4500" size="3" face="comic sans ms"><b><u><i>Menu:</b></u></i></font>
<br>
<a href="index.html" title="Home"><img src="inicio.jpg" border="0"></a>
<a href="downloads.html" title="Downloads"><img src="downloads.jpg" border="0"></a>
<a href="galeria.html" title="Galeria"><img src="galeria.jpg" border="0"></a>
<a href="contato.html" title="Contato"><img src="Contato.jpg" border="0"></a>
<br><br><br>
</p>

<p align="center">
<u><b>Clique nas imagens para ampliar:
<br>
<a href="1 (1).jpg" target="_blank">
<img src="1 (1).jpg" border="1" alt="Screen Windows XP" width="250"></a>
<br><br>
<u><b>Clique nas imagens para ampliar:
<br>
<a href="1 (2).jpg" target="_blank">
<img src="1 (2).jpg" border="1" alt="Screen Windows XP" width="250"></a>
<br><br>
<u><b>Clique nas imagens para ampliar:
<br>
<a href="1.jpg" target="_blank">
<img src="1.jpg" border="1" alt="Screen Windows XP" width="250"></a>

</p>


</body></html>


Página contato:
[Você precisa estar registrado e conectado para ver esta imagem.]

Código:

<html>
<head>
<title>-- PROJECT HTML --</title>
</head>
<body bgcolor="#000000" background="fundo.gif" text="#0000FF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<p align="center"><font color="#FF0000" size="6" face="comic sans ms"><b><u>PROJECT HTML</b></u></font>
<br>
<font color="#FF0000" size="2" face="comic sans ms">
Qualidade no Ensino em 1º lugar!</font>
</p>
<p align="center"><font color="#FF4500" size="3" face="comic sans ms"><b><u><i>Menu:</b></u></i></font>
<br>
<a href="index.html" title="Home"><img src="inicio.jpg" border="0"></a>
<a href="downloads.html" title="Downloads"><img src="downloads.jpg" border="0"></a>
<a href="galeria.html" title="Galeria"><img src="galeria.jpg" border="0"></a>
<a href="contato.html" title="Contato"><img src="Contato.jpg" border="0"></a>
<br><br><br>
</p>

<p align="center">
Contato por e-mail:
<br><Br>
<a href="mailto:projecthtml@hotmail.com">Mande-nos um e-mail clicando aqui</a>
<br><br>

</p>

</body></html>


Dae galera fiz essa página rápido para vocês sabem que mesmo aprendendo somente HTML basico ja da para fazer uma página bem legalzinha! :D


Última edição por Admin em 9/8/2008, 7:08 pm, editado 1 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
danime
Aspirante
Aspirante
avatar

Masculino
Número de Mensagens : 15
Idade : 23
Localização : Embu
Pontos : 3364
Reputação : 0
Data de inscrição : 06/07/2008

MensagemAssunto: Re: Página completa em HTML basico   8/7/2008, 11:05 am

Hum............. Gostei agora. Agora o html ja vem pronto =)
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://wllpapers.blogspot.com/
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Página completa em HTML basico   8/7/2008, 1:07 pm

bem agora vamos comesar HTML avançado ok :arrow:
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
wilL
Moderador
avatar

Masculino
Número de Mensagens : 6
Idade : 25
Pontos : 3366
Reputação : 1
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Página completa em HTML basico   16/7/2008, 12:26 am

Pois é danime .. agora jaa vem cum html . mas num vi adiantar nda .. as pessoas dar crtl+c ,ctrl+v e Prontu ..
tem que tentar fazer a propria pagina .. apenas se bazeando nos cmds dados .

Lembrem-se do nosso lema:
Quem pode faz , não copia ..xD
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Página completa em HTML basico   16/7/2008, 4:59 am

Concordo com cada palavra do will, ele está certo quanto a isso, cartão vermelho danime :cartao1':

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Mig_x2007
Aspirante
Aspirante


Masculino
Número de Mensagens : 19
Idade : 29
Experiencia em Webdesign : Basico
Pontos : 2585
Reputação : 1
Data de inscrição : 16/09/2010

MensagemAssunto: Tenho uma duvida   18/9/2010, 9:23 pm

Desculpem se estou a ser um pouco burro mas eu nao entendi para que serve mesmo a tag<blockquote>, qual a funçao dela mesmo? :/
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Página completa em HTML basico   19/9/2010, 5:48 pm

<clockquote> serve para dar um espaço grande como aperta ESPAÇO do teclado.. só ki é como apertasse ela varias vezes.. use a função assim para você testar:

Código:
<blockquote>Testo com espaço</blockquote>

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Conteúdo patrocinado




MensagemAssunto: Re: Página completa em HTML basico   

Voltar ao Topo Ir em baixo
 
Página completa em HTML basico
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Colocar widget em paginas html?
» Página inicial em html
» [Resolvido] Colocar vídeos do vimeo
» Função de carregamento em páginas
» Página html

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: HTML :: HTML basico-
Ir para: