Paginas do blog

3 de nov. de 2010

Tutorial HTML Parte I

AGORA É HORA DE APRENDER UM POUCO DE PROGRAMAÇÃO
NESSE POST EU TROUXE UM POUCO DE HTML COMO CRIAR PAGINAS EM HTML ESPERO QUE TODOS GOSTEM


Existem vários programas para editoração HTML , que tornaria nosso trabalho muito mais fácil e
nos acomodaria como usuários – finais que não entendem nada do que estão fazendo. Por isso ,
sofreremos um pouco e usaremos o incrível , sensacional , fantástico e estupendo Bloco de Notas
( NotePad ) do Windows.
· Comandos HTML – Tags
Os comandos em HTML são chamados de tags , e eles irão dizer ao browser como o texto, a
informação e as imagens serão exibidas . Por exemplo , um tag pode dizer que um texto será
exibido em negrito , itálico e com um tipo de fonte qualquer. Além de formatação de texto um tag
também pode dizer que na verdade um determinado pedaço do texto é um endereço para outra
página Web , que será acessado ao dar um click no endereço.
Os tags são identificados por serem envolvidos pelos sinais < > ou </ >. Entre os sinais < > são
especificados os TAGS propriamente ditos . No caso de tags que precisem envolver um texto , a
sua finalização deverá ser feita usando a barra de divisão "/ " , indicando que o tag está finalizando
a marcação de um texto , o que faz os tags normalmente andarem em pares. O formato genérico
de um tag é :
<Nome do tag> Texto </Nome do tag> .
Lembraremos sempre que não é necessário estar ligado à Web para criar páginas HTML ou para
usar os Browsers. Basta que , ao terminar de escrever sua página no Bloco de Notas , você salve
seu documento com um nome qualquer e a extensão HTM ou HTML , para que o browser possa
interpretar suas páginas.
Estrutura básica de uma página
Bem , deixarei claro que ultimamente o que vou explicar não é bem assim , pois existe um certo
desleixo hoje na Internet , mas , seguindo o padrão clássico teremos :
O TAG <HTML> – que será usado em conjunto com seu tag de fechamento < / HTML > e será
colocado no início e no final do documento , delimitando a área onde serão colocados os TAGS
HTML .
O TAG <HEAD> - que também terá seu tag de fechamento </HEAD> e servirá para delimitar uma
área de cabeçalho com poucos TAGS (não é necessário ter esse TAG para sua página funcionar)
O TAG <TITLE> - que será usado dentro dos tags <HEAD> , e servirá apenas para colocar um
título que aparecerá na barra de título do seu browser ( não esqueça o </TITLE>) .
Dentro dos TAGS <BODY> </BODY> serão colocados todos os comandos , textos e imagens da
sua página . Será o corpo da sua página.
Veja um exemplo de estrutura :
<HTML>
<HEAD>
<TITLE> Título da página </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML , seus
Textos e Imagens .
Aliás , tanto faz colocar os tags em maiúsculas ou
minúsculas.
</BODY>
</HTML>
Vá até a opção Arquivo – Salvar Como do seu Bloco de Notas e salve o exemplo acima como
TESTE. HTM .
Ao abrir o arquivo no browser , sua primeira página ficou assim :
Talvez você tenha de problemas para abrir sua página. Então vou dar uma explicação rápida no
Internet Explorer, e no Netscape que são muito parecidos .
1 – Vá até o Menu Arquivo - Abrir… ;
2 – Aparecerá uma caixa para você colocar o endereço da página. Clique no botão Procurar
(Browse…) ;
3 – Aparecerá a conhecida caixinha de pastas do Windows. Vá até a pasta onde você gravou sua
página e clique em Abrir ( Open ) ;
4 – Você voltará até a caixa para a entrada do endereço , já com o caminho dentro da caixa ;
5 – Aí é só clicar OK .

JA ESTOU PREPARANDO A  PARTE 2 DESSE TUTORIAL

Nenhum comentário:

Postar um comentário