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 at 19:35
estou conhecendo!
julho 12th, 2008 at 21:54
amei, agora tenho meu próprio site, valew!
julho 16th, 2008 at 11:13
Muito bom!
julho 21st, 2008 at 22:12
gostei, até que enfim encontrei um curso fácil de entender e que funciona, obrigada.
julho 22nd, 2008 at 9:38
ola pessoal,valeu mesmo por ter um site gratuito.
julho 30th, 2008 at 14:23
Muito bom ! mesmo … por ser gratuíto , me surpreende o conteúdo objetivo e boas explicações Parabéns !!
agosto 14th, 2008 at 22:02
BOABOA… muito bom!!
valewww me ajudou muitoo..
faloww..
agosto 20th, 2008 at 11:13
OBRIGADO MAIS UMA VEZ. É SEMPRE MUITO BEM VINDO ESSES CURSOS.
setembro 14th, 2008 at 16:44
Muito bom e facil de se entender!!!!!!!!
setembro 27th, 2008 at 11:55
POis é..Por ser gratuito…É muito eficiente..
Ameiii!!
bjokx
outubro 8th, 2008 at 23:21
Andei acompanhando e praticando os primeiros exercícios , amei .
Muito educativo , parabéns.
outubro 19th, 2008 at 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 at 0:24
Parabéns,simples e facil.valeu
novembro 13th, 2008 at 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.
dezembro 1st, 2008 at 12:40
Estou super feliz por ter encontrado esse material, rico em informações e de fácil entendimento. E além de tudo de graça!!! Vocês estão de parabéns!!!
dezembro 15th, 2008 at 17:56
cara não entendi nada…………me explica mais detalhadamente
dezembro 16th, 2008 at 18:37
Vocês são muito 10 em nos presentear com cursos de graça e com todo esse conteúdo e informação,
muito obrigado.
Mais eu queria pedir pra vocês uma coisa. Queria que vocês colocassem um curso sobre o word, outro sobre o excel, um sobre o power point e um sobre internet.
Se vocês pudessem me ajudar. Obrigadão!
janeiro 7th, 2009 at 9:42
Realmente, muito bom!!!
Surpreende na dedicação em que o trabalho é feito, bastante atencioso e com boa didática…
janeiro 25th, 2009 at 15:10
Excelente trabalho!
Muito obrigada.Esse site tem me ajudado muito.
abs
fevereiro 9th, 2009 at 19:59
Muito bom, agora é so praticar. bjs obrigada
março 4th, 2009 at 12:48
voce é um herói pra mim. em menos de duas horas aprendi o que há oito anos sempre negligenciei saber. Deus lhe abençoe.
março 23rd, 2009 at 10:45
Hei pessoal, esse curso on line tá sendo melhor que com o meu professor aqui me dando assistência.
FALO POR EXPERIÊNCIA!
setembro 9th, 2009 at 17:01
Cara, vc é demais. Esse a partir de agora será meu site favorito. Já estou fazendo o meu site.
Que Deus lhe abençoe.
outubro 29th, 2009 at 1:06
Adorei… super fácil e prático!
Farei outros
janeiro 18th, 2010 at 0:38
Valeu pela explicação, adorei! Só não entendi muito bem sobre o Frame =(
fevereiro 27th, 2010 at 15:43
kra mto lko esse site
virei fan !
março 26th, 2010 at 19:20
Parabéns pela iniciativa de ajudar muitas pessoas a construir o seu próprio site para divulgar suas fotos, suas idéias e seu mais novo trabalho.
maio 2nd, 2010 at 13:48
Olá, em primeiro lugar quero parabenizar os criadores desse site, por disponibilizar um material como esse a todos.
Só não consegui colocar a foto na pagina, ja tentei como especifica aqui, indicando a pasta e nada, só aparece um x no canto superior esquerdo. ajuda ae vlw
maio 25th, 2010 at 18:02
muito legal e muito interessante!
julho 16th, 2010 at 17:39
Muito bacana, agora conseguir ter uma visão do que é o curso de web
designer.
thank you.
bye….
agosto 27th, 2010 at 21:07
Ola!
Adorei o curso html!
Parabéns!
Muito sucesso.