Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


Introdução à Criação de Páginas Web em HTML: Primeira Página, Notas de estudo de Informática

Saiba como criar sua primeira página html usando um editor de texto simples, como o notepad. Aprenda a estrutura básica de um arquivo html e como criar um título, conteúdo e espaçamentos. Altere o texto e aprenda sobre a tag <br>.

Tipologia: Notas de estudo

Antes de 2010

Compartilhado em 24/02/2009

vinicius-nascimento-8
vinicius-nascimento-8 🇧🇷

3

(2)

13 documentos

1 / 2

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
TUTORIAIS
Photoshop
Flash
FrontPage
Dreamweaver
Dhtml
Html
ASP
PHP
JOGOS
Homepage
Antevisões
Análises
Top 10
Demos
Jogos Online
Códigos/Cheats
GALERIAS
Gifs Animados
Clipart
Sons
Fontes
Scripts
FÓRUNS
Tecnologia
Software
Hardware
Flash
Anúncios Google
Dicas
Criar Um Site
Codigos
Tutoriais
TUTORIAIS DE HTML
3. Uma primeira página Página: 1234567891011
Para criarmos a nossa primeira página em HTML, como já disse no capítulo
anterior, basta qualquer sim ples editor de texto, como o Notep ad. Podemos
começar por inserir o seguinte:
<HTML>
<HEAD>
<TITLE>A minha primeira página</TITL E>
</HEAD>
<BODY>
</BODY>
</HTML>
Dica:
Devemos criar uma pasta nova no nosso disco p ara conter a página, e
devemos gravar o nosso ficheiro de texto como 'i ndex.htm'. Porquê? Quando a
página está a ser visualizad a no nosso disco, é indiferente, m as nos servidores
onde são alojadas as páginas na I nternet, a página ini cial por defeito
chama-se index.htm l ou index.htm.
Se visualizarmos a pági na que acabámos de criar num browser (programa que
permita navegar na internet, p or ex. IExplorer), teremos qualqu er coisa como
isto:
Que conclusão podemos tirar? O texto que aparece como tí tulo da janela é
definido pelo ‘ta g’ <TITLE> , que surge sempre na área correspondente ao
cabeçalho da página (< HEAD>).
Vamos agora fazer a seguinte alteração:
<HTML>
<HEAD>
<TITLE>A minha primeira página</TITL E>
</HEAD>
<BODY>
Olá mundo!
</BODY>
</HTML>
Iremos obter o seguinte resultado:
Como já disse antes, a área definid a pelo ‘tag’ <BODY> é aq uela onde reside
quase todo o conteúdo visível de uma página. V amos concentrar-nos nesta
área.
ANÚNCIOS
Carregador de
Parede para
Aproveite a
oportunidade e leve-o!
22,00 R$
Carregador de
Parede para
Disponível agora
mesmo por...
25,00 R$
Carregador de
Parede para
Un preço incrível.
25,00 R$
Curso de HTML
Aprenda a programar em HTML Sem sair de
casa. Apenas R$ 21,99
HTML Viewer
Award Winning Internet Explorer Plug-In to
analyze HTML and HTTP
www.insite.com.br Comentários - Anúncios Google
Truques e Dicas - Tutoriais de HTML - Uma primeira página
http://ww w.truquesedicas.com/tutoriais/html/00001c.htm
1 de 2 25/2/2009 09:45
pf2

Pré-visualização parcial do texto

Baixe Introdução à Criação de Páginas Web em HTML: Primeira Página e outras Notas de estudo em PDF para Informática, somente na Docsity!

TUTORIAIS

Photoshop Flash FrontPage Dreamweaver Dhtml Html

ASP

PHP JOGOS

Homepage Antevisões Análises Top 10 Demos Jogos Online Códigos/Cheats GALERIAS Gifs Animados Clipart Sons Fontes Scripts

FÓRUNS

Tecnologia Software Hardware Flash

Anúncios Google

Dicas Criar Um Site Codigos Tutoriais

TUTORIAIS DE HTML

3. Uma primeira página Página:^1234567891011

Para criarmos a nossa primeira página em HTML, como já disse no capítulo anterior, basta qualquer simples editor de texto, como o Notepad. Podemos começar por inserir o seguinte:

A minha primeira página

Dica: Devemos criar uma pasta nova no nosso disco para conter a página, e devemos gravar o nosso ficheiro de texto como 'index.htm'. Porquê? Quando a página está a ser visualizada no nosso disco, é indiferente, mas nos servidores onde são alojadas as páginas na Internet, a página inicial por defeito chama-se index.html ou index.htm. Se visualizarmos a página que acabámos de criar num browser (programa que permita navegar na internet, por ex. IExplorer), teremos qualquer coisa como isto: Que conclusão podemos tirar? O texto que aparece como título da janela é definido pelo ‘tag’ , que surge sempre na área correspondente ao cabeçalho da página (<HEAD>). Vamos agora fazer a seguinte alteração: <HTML> <HEAD> <TITLE>A minha primeira página

Olá mundo!

Iremos obter o seguinte resultado: Como já disse antes, a área definida pelo ‘tag’ é aquela onde reside quase todo o conteúdo visível de uma página. Vamos concentrar-nos nesta área.

ANÚNCIOS

Carregador de

Parede para

Aproveite a oportunidade e leve-o!

22,00 R$

Carregador de Parede para

Disponível agora mesmo por...

25,00 R$

Carregador de Parede para

Un preço incrível.

25,00 R$

Curso de HTML Aprenda a programar em HTML Sem sair de casa. Apenas R$ 21, HTML Viewer Award Winning Internet Explorer Plug-In to analyze HTML and HTTP www.insite.com.br Comentários - Anúncios Google

Truques e Dicas - Tutoriais de HTML - Uma primeira página http://www.truquesedicas.com/tutoriais/html/00001c.htm

1 de 2 25/2/2009 09:

Comecemos por acrescentar uma frase:

Olá mundo! Chamo-me Eduardo.

Inesperadamente, o resultado obtido será o seguinte: Convém então esclarecer algo: Em HTML, os espaçamentos e mudanças de linha processam-se de um modo algo diferente. Todo o texto é interpretado continuamente, e na verdade é possível que todo o HTML de uma página esteja numa única linha. Os espaços, tal como neste tutorial, apenas servem para tornar o código mais legível a quem o cria. Vamos introduzir o seguinte ‘tag’:

Olá mundo!
Chamo-me Eduardo.

Este
(de Break) dá instruções ao browser para fazer uma mudança de linha. Assim, o resultado deverá ser este: Seguinte

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros

Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos

Truques e Dicas - Tutoriais de HTML - Uma primeira página http://www.truquesedicas.com/tutoriais/html/00001c.htm

2 de 2 25/2/2009 09: