quarta-feira, outubro 20, 2010

Novos Rumos

Após reflexão, decidi introduzir uma nova rubrica no Coiratus. A transmissão de conceitos básicos de construção de sites. Aliás a frase "Fame. Cogito ergo coiratus sandocha." surge como frase de enchimento, para sites experimentais, e pode ser usada livremente, embora os romanos, infelizmente para muitos, não tivessem o conceito de sandocha. Uma pena.

Assim vamos começar, hoje com a estrutura básica de uma página de HTML. A coisa mais elementar (quanto a mim) que pode ser visualizada na internet.

HTML são as iniciais de Hyper Text Markup Language , que em português se pode dizer "Linguagem de marcação de hiper texto".

A estrutura básica de uma página deste tipo é constituida por... Chamemos-lhe um envelope... O browser (programa ou aplicação que serve para navegar na net os mais conhecidos são: IE,Firefox ópera,safari,Chrome) começa a lêr o ficheiro, e percebe que se trata de um ficheiro de HTML. Dentro deste envelope existe um topo(head) e um corpo(body). Dentro do topo existe um campo obrigatório que é o título(title). Estes campos são envolvidos por palavras de código,entendidas pelo browser que por sua vez estão envolvidas pelos sinais de menor e maior sendo que o fim do campo apresenta uma barra inclinada para a direita (marota,com inclinações...), assinalando o fecho daquela TAG (nome dos campos de HTML), existem excepções.

Assim a estrutura de uma página de html em branco será:

<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>

Esta seria uma página de HTML totalmente em branco.

Dentro da tag title poderiamos escrever o titulo da página que apareceria no canto superior esquerdo da maior parte dos browser's. E dentro do body a nossa página própriamente dita (o conteúdo).

Assim vamos escrever algo indicado pela tag <marquee> fechado por
</marquee> e já agora (mesmo à portuguesa...) tambem um paragrafito, ou paragrafosito (sempre tive dúvidas nos diminuitivos...).


<html>
<head>
<title>
</title>
</head>
<body>
<marquee direction="left"> Olá pessoal!</marquee>
<p> Olá pessoal!</p>
</body>
</html>

Surgiria algo semelhante ao abaixo:

Olá pessoal!

Olá pessoal!




A tag marquee faz o texto andar (para a esquerda porque foi a direcção indicada [left] ) o p é a tag que indica um parágrafo.

Podem experimentar copiar o texto acima e colar no notePad (o melhor programa da MS), fazer saveas (ou guardar como) escolher all files e dar-lhe um nome (tadinho merece...) com a extensão ".htm", ou ".html".
Se lhe derem dois click's vai abrir no browser da vossa predilecção....

Qualquer dúvida não exitem em postar um comentário.

São bem vindos, e serão respondidos com a brevidade possível.

Obrigado.

Sem comentários:

Enviar um comentário

Seja moderado, não são permitidos insultos, xenofobias, e outras tangas manhosas. Neste Blogue o critério sou eu.