Materiais/Cursos
- Pessoal
- Alimentação
- Extras
- Jogos e Esportes
- Informática
- Artes
- Telefônia
- Dinheiro
- Música
- Concursos
- Adulto
 
Dicas e Guias
- Artes e Cultura
- Ciências e Experiências
- Compras e Serviços
- Culinária e Receitas
- Dinheiro e Finanças
- Educação e Sabedoria
- Esportes e Jogos
- Estética e Beleza
- Estudos Bíblicos
- Fontes de Referência
- Games e Truques
- Histórias e Contos
- Humor e Piadas
- Internet e Informática
- Lazer e Diversão
- Limpeza e Consertos
- Mágicas e Truques
- Música e Instrumentos
- Saúde e Tratamentos
- Outros - Variados
Escreva uma Dica!
Mensagens
- Amizade
- Estudos e Cursos
- Humor
- Natureza
- Pessoa
- Reflexão
- Religiosa
- Saúde
- Vida
Envie sua Mensagem
 
Sites de Conteúdo Gratuito
- acesso grátis
- albúm de foto
- agenda virtual
- antivírus grátis
- bate papo
- blogs & Cia
- bookmarks
- brindes e prêmios
- cartões virtuais
- classificados virtuais
- cliparts grátis
- comparação de preços
- culinária
- dinheiro
- discos virtuais
- downloads
- drives
- ebook grátis
- email grátis
- educação
- empregos
- fontes grátis
- humor
- infantil
- jornal e revistas
- leilões virtuais
- lista de discussão
- música gratis cifra
- música grátis mp3
- namoro online
- tradutores online



Receba
Novidades em seu e-mail

Curso de Webdesign
Material de Curso de Webdesign Gratuito



EXERCÍCIO 1 Vamos praticar?

Bem entendido os conceitos básicos e você mais feliz, vamos criar nossa primeira página.

1º) Abra o Bloco de Notas – Iniciar/Programas/Acessórios/Bloco de Notas

2º) Digite o código da listagem 1.2. Após digitá-lo salve na pasta Meus Documentos ou em outra se preferir com o nome exemplo1.html. Como?
Resposta:

1) Abra o Menu Arquivo e escolha Salvar

2) Na janela que aparecer como mostrar figura 1.1, faça as seguintes tarefas:

2.1) Na opção Salvar em selecione a pasta onde deseja salvar, no caso Meus Documentos

2.2) Na opção Nome do arquivo coloque o nome do arquivo exemplo1.html

2.3) Finalmente clique no botão Salvar.

Listagem 1.2

<html>
<head>
<title>Minha Home Page</title>
</head>
<body>
Aqui neste espaço desenvolverei minha Home Page!
Aguarde!!
</body>

O TÍTUO ADICIONADO NA PÁGINA ATRAVÉS DO TAG TITLE

</html>

Fim da Listagem 1.2

Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo1.html. Veja a figura 1.2

Exercício 2 – Vamos aprender mais um pouco?

Em alguns momentos em sua página faz necessário comentar alguns trechos do código para facilitar na leitura e manutenção da página, por isso adicionamos comentários, ou seja, palavras ou frases que não são exibidos no Nevegador, apenas são visto como estamos trabalhando no código fonte.

Na listagem 1.3 faremos um novo exemplo e incrementaremos novos tags. Digite a listagem 1.3 abaixo e salve com o nome exemplo2.html na pasta Meus Documentos.

�� ATENÇÃO: Salve sempre os seus exemplos na pasta Meus Documentos, o processo para salvar é igual ao do Exemplo1, troque apenas o nome do arquivo. Na dúvida veja o exemplo 1. Tudo bem?

Listagem 1.3

<!Início do Documento HTML>
<html>
<head>
<title>Melhorando Minha Home Page</title>
<meta name="author" content="NMBS Informática">
<meta name="keywords" content="html, homepages">
</head>
<! Início do Corpo da Página>
<body>
<h1>Este é o título Principal</h1>
<h2>Este é o título Secundário</h2>
<h3> Estou adorando criar páginas</h3>
<hr>
<p>Este é o 1º Primeiro Paragráfo <br> Esta é 2ª
Linha do 1º Paragráfo
<p>Com este recurso inicio um paragráfo<br> E Com
este recurso quebro uma linha
<hr>
<! Fim do Corpo da Página>
</body>
</html>
<! Fim do Documento HTML>

Fim da Listagem 1.3
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo2.html. Veja a figura 1.3

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

Agora, que você viu o resultado do exemplo2.html a cada vez mais feliz, por está entendendo esta linguagem, vamos passar para o Exercício 3.

Página Anterior
Próxima Página
voltar próximo
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8

 
 

 

IdealGratis.com © Copyright - Todos os direitos reservado aos seus respectivos Autores. - Envie seu Material - | Parceiros
Escolha seu Idioma:
English (British)
Spanish
French
Italian
Deutsch