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 HTML
Material de Curso de HTML Gratuito



Programa, o que você irá aprender:

  • Exemplo completo
  • Passo 2
  • Hyperlinks e Texto dentro de uma caixa
  • Tag para cores e Tabelas
  • Formatar o Texto
  • Download
  • Frame
  • Java e Exercício
  • Finalizando
  • Quando algo da errado
  • Tornando sua Página conhecida

Introdução:

A linguagem Html ( Hypertext Markup Language - Linguagem de Marcação
de Hipertexto) é usada para criar as páginas divulgadas na World Wide Web, o serviço mais popular na Internet. É com ela que são feitos os hyperlinks que permitem navegar pela Web. Para isso, utiliza marcações, chamadas tags, no ponto da página em que é feito um hyperlink com outra página. Para criar uma página Html, usaremos o Bloco de Notas, um editor de texto simples que acompanha o Windows. Isto é tudo que você precisa.

1º Abra o Bloco de Notas.

Clique em Editar e marque o item Mudança
Automática de linha.

2º Digite o seguinte texto:

<html>
Todas as páginas Html devem iniciar com essa tag.

3º Digite :

<head>
O cabeçalho deve ser delimitado pelas tags <head> e </head>

4º Digite:

<title>
Onde deve ficar o título da página.
Feche com </title>.

Exemplo:

<title>teste html</title>

5º Digite:

</head> para fechar o cabeçalho da página

6º Digite:

<body>
Onde deve ficar o corpo da sua página.

Depois deve inserir o título para o texto. Para isso você usará as tags <h1> e
</h1>

Exemplo<h1>Minha primeira Home Page</h1>
O tamanho vai de <h1> tamanho maior para <h6> tamanho menor.

7º Para colocar um texto digite :

<p>Texto aqui
Feche com </p>

Exemplo:

<p>Páginas Html podem ser criadas em qualquer editor ou processador de texto </p>

8º Colocando uma imagem :

Exemplo:

<img src="brasil.gif" alt=" imagem do Brasil" align=”center” height=270
width=240>

A imagem deve estar na mesma pasta que o arquivo Html. Ou aponte para a pasta certa. Img src é referente a imagem que precisar ser indicado sua extensão Gif ou Jpg. Height e Width são as dimensões da figura em pixels, modifique a seu gosto. Alt é um texto alternativo enquanto a página é carregada ou quando se passa com o mouse sobre a figura.

9º Vamos fechar o corpo do texto e terminar com a tag de fechamento.

Exemplo:

</body>
</html>

10º Salve com extensão .html ou .htm .

Exemplo:

teste.html ou teste.htm

Abrindo e vendo o resultado. Abra seu navegador padrão( Internet Explorer ou Netscape). Clique em Arquivo /Abrir ou Abrir página/ Procurar . Abra a pasta onde você salvou sua página clique no arquivo html de sua página e de Ok.

Exemplo completo

<html>
<head>
<title>teste html</title>
<head>
<body>
<h1>Minha primeira Home Page</h1>
<p>Páginas Html podem ser criadas em qualquer editor ou processador de
texto </p>
<img src="brasil.gif" alt="Brasil" align=”left” height=150 width=120>
</body>
</html>

Veja o resultado teste.htm

Tanto as figura como o texto ou mesmo os hyperlinks podem ser alinhados no canto esquerdo, direito ou centralizados.
Como fazer.

<p align="center">texto alinhado ao centro</p>
<p align="right">texto alinhado a direita</p>

Caso você não escolha nenhuma dessas duas tags o alinhamento será
automático.

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

 
 

 

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