Curso de HTML
1º Abra o Bloco de Notas.
Clique em Editar e marque o item Mudança Automática de linha caso houver, se não aparecer esta opção ignore este primeiro passo.
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.
« 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16»
Acompanhe as respostas e comentarios atraves do RSS 2.0 feed.
Deixe seu comentario, pergunta ou resposta ou trackback para seu site.
julho 2nd, 2008 as 19:35
estou conhecendo!
julho 12th, 2008 as 21:54
amei, agora tenho meu próprio site, valew!
julho 16th, 2008 as 11:13
Muito bom!
julho 21st, 2008 as 22:12
gostei, até que enfim encontrei um curso fácil de entender e que funciona, obrigada.
julho 22nd, 2008 as 9:38
ola pessoal,valeu mesmo por ter um site gratuito.
julho 30th, 2008 as 14:23
Muito bom ! mesmo … por ser gratuíto , me surpreende o conteúdo objetivo e boas explicações Parabéns !!
agosto 14th, 2008 as 22:02
BOABOA… muito bom!!
valewww me ajudou muitoo..
faloww..
agosto 20th, 2008 as 11:13
OBRIGADO MAIS UMA VEZ. É SEMPRE MUITO BEM VINDO ESSES CURSOS.
setembro 14th, 2008 as 16:44
Muito bom e facil de se entender!!!!!!!!
setembro 27th, 2008 as 11:55
POis é..Por ser gratuito…É muito eficiente..
Ameiii!!
bjokx
outubro 8th, 2008 as 23:21
Andei acompanhando e praticando os primeiros exercícios , amei .
Muito educativo , parabéns.
outubro 19th, 2008 as 23:46
Galerinha achei muito fera era o q eu estava procurando, só qeu eu não entendi uma coisa a questão da foto la quando eu fiz não apareceu. assim sera q alguem pode me ajudar a solucionar isto? desde ja agradeço a colaboração
novembro 2nd, 2008 as 0:24
Parabéns,simples e facil.valeu
novembro 13th, 2008 as 10:00
Olá Felipe, para colocar uma imagem usa-se
onde:
link da imagem = imagem.gif
link da imagem = imagem.jpeg
link da imagem = http://idealgratis.com/ico/logo.jpg
sendo que deve estar na mesma página.