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»


Produtos Relacionados:


Acompanhe as respostas e comentarios atraves do RSS 2.0 feed.
Deixe seu comentario, pergunta ou resposta ou trackback para seu site.

AddThis Social Bookmark Button

14 Comentarios para “Curso de HTML”

  1. #1 - alex Disse:

    estou conhecendo!

  2. #2 - sabrina Disse:

    amei, agora tenho meu próprio site, valew!

  3. #3 - Maqson Disse:

    Muito bom!

  4. gostei, até que enfim encontrei um curso fácil de entender e que funciona, obrigada.

  5. #5 - daniel perira rocha neto Disse:

    ola pessoal,valeu mesmo por ter um site gratuito.

  6. #6 - Nivaldo Disse:

    Muito bom ! mesmo … por ser gratuíto , me surpreende o conteúdo objetivo e boas explicações Parabéns !!

  7. #7 - Guilherme Disse:

    BOABOA… muito bom!!
    valewww me ajudou muitoo..
    faloww..

  8. #8 - Markos Disse:

    OBRIGADO MAIS UMA VEZ. É SEMPRE MUITO BEM VINDO ESSES CURSOS.

  9. #9 - Renato Disse:

    Muito bom e facil de se entender!!!!!!!!

  10. #10 - Thaise Disse:

    POis é..Por ser gratuito…É muito eficiente..
    Ameiii!!
    bjokx

  11. #11 - DJ RICARDO JF Disse:

    Andei acompanhando e praticando os primeiros exercícios , amei .
    Muito educativo , parabéns.

  12. #12 - Felipe Verzotto Disse:

    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

  13. #13 - lessa Disse:

    Parabéns,simples e facil.valeu

  14. #14 - admin Disse:

    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.

Deixe seu comentario.