|
|
 |
|
Esta matéria foi publicada na seção: Internet. Os textos aqui publicados são de responsabilidade de seus autores.
|
|
Como aprender a linguagem html ?
|
|
|
|
|
|
Artigo postado por: Giovane, Tecnico em informatica, em 11/07/2009.
É colunista desde 11/07/2009.
* O JornalLivre.com.br não se responsabiliza pela publicação deste artigo.
Publique seus artigos, cadastre-se.
|
|
|
|
| |
|
|
Criando sua primeira página Html
1º > Bloco de Notas > Editar > marque o item Mudança Automática de linha.
2º Digite o seguinte texto:
Toda página Html deve iniciar com essa tag.
3º Digite :
O cabeçalho deve ser delimitado pelas tags e
4º Digite:
Onde deve ficar o título da página.
Feche com .
Exemplo:
teste html
5º Digite:
para fechar o cabeçalho da página
6º Digite:
Onde deve ficar o corpo da sua página.
Depois deve inserir o título para o texto. Para isso você usará as tags e
ExemploMinha primeira Home Page
O tamanho vai de tamanho maior para tamanho menor.
7º Para colocar um texto digite :
Texto aqui
Feche com
Exemplo:
Páginas Html podem ser criadas em qualquer editor ou processador de texto
8º Colocando uma imagem :
Exemplo:
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. Alt é um texto alternativo enquanto a página é carregada ou quando se passa com o mouse sobre a figura.
Height e Width são as dimensões da figura em pixels, modifique a seu gosto. Se você não indicar as dimensões da figura excluindo height e width sua imagem terá o tamanho original.
9º Vamos fechar o corpo do texto e terminar com a tag de fechamento.
Exemplo:
10º Salve com extensão .html ou .htm .
Exemplo:
dgohjr.html ou dgohjr.htm
Abrindo e vendo o resultado. Abra seu navegador padrão( IE ou FF). 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. Lembrando que para atualizar sua página basta apenas abri- la no navegador padrão e clicar em Exibir/ Código de Fonte e fazer as modificações necessárias no código do documento Html não esquecendo de salva- lo.
Exemplo completo
teste html
Minha primeira Home Page
Páginas Html podem ser criadas em qualquer editor ou processador de texto
/color
Tanto as figura como o texto ou mesmo os hyperlinks podem ser alinhados no canto esquerdo, direito ou centralizados.
Como fazer.
texto alinhado ao centro
texto alinhado a direita
Caso você não escolha nenhuma dessas duas tags o alinhamento será automático.
2ªPARTE
Agora que você fez sua primeira Home Page vamos tornar- lá mais atraente com as seguintes tags:
Para IE
e e
E junto a tag . Assim seu texto vai ter a cor vermelha. Vamos também centralizar a imagem. E Salvaremos como teste2.htm.
Com a tage fechar com a tag
Exemplo:
teste html
Páginas Html podem ser criadas em qualquer editor ou processador de texto
Você pode mudar tmbm o fundo, colocando uma imagem ou uma cor.
Exemplo para ou
para imagem.
A figura " fundo2.gif" é um exemplo enviado junto com a apostila . No seu caso será necessário colocar o nome da figura e a extensão( gif ou jpg). Não é aconselhável usar imagens .bmp ( Bitmap ) por ser bem maior( em KB) que as imagens Gif e Jpg.
Hyperlinks
Para inserir um hyperlink que aponte para uma outra Home Page, digite:
FORUM. Este exemplo abre a página da Revista Infoexame. Para inserir um hyperlink que aponte para sua própria página como exemplo usamos Tabela.
Para inserir uma figura que quando clicada abre uma outra página ou um link para enviar e- mail .
Digite :
caso queira alinha no centro
Agora você precisa mencionar se a figura terá ou não um contorno digitando border="0" para que o Hyperlink não tenha borda colorida
Lembrando que email.gif é a imagem que foi enviado junto com a apostila. Ela precisa estar na mesma pasta que o arquivo Html. E apostilas@zipmail.com.br é um endereço eletrônico. Com este exemplo fica fácil você criar outros hyperlinks usando outra figuras em suas páginas. Altere height e width que são largura e altura da figura email.gif.
|
|
|
COMENTAR ARTIGO
Não achou o que estava procurando?
|
|
CANAIS 
