Como Criar um site em html – Mini Curso online primeiros passos

Neste curso para iniciante, você irá aprender como criar site html. Mas antes de começar, você precisa saber que HTML é um arquivo como outro qualquer. A diferença é que a sua extensão termina em .html ou .htm ( tanto faz ) e ele é usado para construir páginas da web. Você pode editar esse arquivo inteiro só usando o bloco de notas do Windows.

Para efeito deste tutorial, evite usar programas editores de html visuais. Use o bloco de notas, que é o editor de texto padrão do Windows, ou este editor html online são os mais recomendados para quem quer aprender de verdade. Outra ferramenta para visualizar as páginas criadas em html é o navegador de internet. Tanto o internet explorer quanto o firefox servem. Vamos começar o nosso curso de criação de páginas.

Conhecendo as tags html

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

Cada um dos símbolos acima é conhecido como tag. Note que há uma tag de abertura <head> e uma de fechamento </head>. Essas acima são as principais e obrigatórias para criar uma página html. Você pode conhecer as outras aqui TAGS HTML

Criando a primeira página do site

Abra o bloco de notas e cole o código abaixo.

<html>
<head>
<title> título da página </title>
</head>
<body> o texto do documento </body>
</html>

Salve o arquivo com o nome de criarsite.html no seu desktop como mostra a figura abaixo.

criar site html

Como mudar tamanho e cor das fontes

A tag é usada para definir o tamanho, cor e tipo da fonte.

  • <FONT COLOR> – muda a cor da letra
  • <FONT FACE> – muda o tipo de letra
  • <FONT SIZE> – altera o tamanho da letra.
    Veja abaixo alguns exemplos:
  • <FONT FACE="VERDANA" SIZE="1" COLOR="RED">texto</FONT>
  • <FONT FACE="TIMES" SIZE="2" COLOR="BLUE">texto</FONT>

Formatando o texto de um documento html

As tags que permitem a formatação de texto de um documento html são as seguintes:

<B> – Negrito, <U> – Sublinhado, <I> – Itálico e <CENTER> – Centralizado. O texto que você pretende formatar deve ficar entre essas tags, por exemplo: <CENTER> seu texto </CENTER>

Como criar um link

Links são palavras, geralmente na cor azul, que podem ser clicadas pelo mouse. Ao clicar um link você irá para outra página da web. Veja abaixo o código para criar um link e como ele aparece na página.

<a href="http://www.comocriarumsite.org">como criar um site</a>

como criar um site html

Como criar uma lista

Existem dois tipos de listas em html:

– Ordenada ( contém números ) código <OL> <LI> <LI> <LI> </OL>

  1. item 1 lista ordenada
  2. item 2 lista ordenada

– Desordenada ( contém bullets ) código <UL> <LI> <LI> <LI> </UL>

  • item 1 lista desordenada
  • item 1 lista desordenada

Como colocar imagem

A tag usada para inserir imagem em um documento html é a img. O código completo é o seguite:

<img src="url do caminho da imagem" />

Você acaba de criar a sua primeira página html. Bom, o esqueleto dela pelo menos. Todos os sites na internet são feitos com essa estrutura. Note que o texto escrito entre as tags body aparece no corpo da página. É nessa tag que toda a ação acontece. Vamos aprender sobre ela no próximo tutorial. Qualquer dúvida pergunte nos comentários abaixo.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *