Como Criar uma Página Simples da Web com HTML

Embora você possa fazer uma página da web sem saber HTML, você vai ter problemas não importa qual editor HTML você esteja usando e você precisará saber HTML para consertar estes erros. Existem muitos sites bons onde você pode aprender HTML, mas est artigo te ensina o básico de como criar um site da web assim. Com esta informação básica, você irá, logo logo, criar uma página web do zero!

Usando o HTML

  1. Entenda o que é HTML. HTML é uma linguagem de código que cria páginas da web. Para ver com o que ela se parece, abra o seu Internet Explorer e clique com o botão direito na página e escolha "Exibir Código-Fonte". Você verá uma página de códigos e isso é o HTML. Este código é o que o seu navegador enxerga e o traduz para uma página da web.
    • No Internet Explorer, a opção do menu Exibir é "código-fonte". No Mozilla Firefox, pressione CTRL+U para ver o código-fonte da página. No Safari, escolha Exibir - Exibir Código-Fonte (View - View Source) ou use o comando OPTION+COMMAND+U.
  2. Faça da sua primeira página o mais simples possível. Se você não fizer, você provavelmente ficará assustado com a sintaxe as linguagens de script.
    • É importante lembrar que você estará escrevendo suas informações entre uma tag de abertura HTML e uma tag de fechamento HTML. Uma tag de abertura se parece com essa: <___> . Uma tag de fechamento se parece com: </___> . Eventualmente, o ___ será reposto por um código.
  3. Vá até o menu Iniciar, "Programas" e então "Acessórios". Clique em "Bloco de Notas".
  4. Diga ao navegador que linguagem você está usando. Digite <html>. Esta é a primeira tag que você está escrevendo e ela diz ao computador que você está começando a escrever uma página da web. Além disso, ela é fechada por último, então no fim do documento, feche a tag digitando: </html>. Este código fecha a página web.
  5. Adicione o cabeçalho (<head>) da página como mostra a imagem.
  6. Dê um título à página. Um título é importante porque dá aos seus usuários uma idéia do que é a página. Além disso, quando um usuário adiciona seu site aos favoritos, o título é tudo o que eles vêem na lista deles. O código HTML do título é <title>. Feche a tag depois que tiver escrito o título digitando </title>. O título da página irá aparecer na aba do seu navegador, mas não espere que ele seja o nome do seu site.
  7. Componha o corpo da página. Digite <body> para abrir a tag do corpo da página. Então feche a tag usando </body>. Todo o conteúdo da sua página deve estar entre estas duas tags.
    • Para dar à sua página uma cor de fundo, você pode adicionar um estilo ao corpo da página. Ao invés de simplesmente escrever <body>, escreva <body style="background-color:silver">. Você pode até tentar um estilo de cor diferente, ou mesmo códigos hexadecimais. As palavras entre aspas são conhecidas como "atributos". Os atributos devem estar entre aspas!
  8. Escreva algum texto entre as tags "body".
    • Para fazer com que o texto vá para a próxima linha (como acontece quando você pressiona a tecla "Enter" no seu teclado), digite .
    • Quer adicionar uma marquee, também chamada de letreiro, isto é, palavras que se movem pela tela? Simplesmente digite <marquee>O TEXTO DA MARQUEE</marquee>.
  9. Adicione algumas imagens. Se você quiser colocar uma imagem da internet na sua página, o código para isso é <img src="URL">. A tag para fechamento é: </img>. Entretanto, o fechamento da tag de imagens é opcional.

Dicas

  • Quando você abre uma tag, você deve fechá-la, a menos que ela seja uma tag especial que não precise de fechamento. Estas tags incluem a tag <img> e <br>. Entretanto, se estiver em dúvida, feche a tag.
  • Conseguir criar uma página HTML do zero em questão de minutos pode ser uma maneira bem útil de impressionar seus amigos. Você pode chegar para um deles e oferecer a criação de uma página dessas. Ele provavelmente vai ficar impressionado e lisonjeado.
  • Aqui está um exemplo do posicionamento errado de tags <tag1><tag2>conteúdo</tag1></tag2>.
  • Se sua página web não estiver funcionando, você pode copiar o código de exemplo, salvar o arquivo e visualizar a página. Brinque com o código existente enquanto você estiver aprendendo.
  • Se você quiser mexer no código, encontre o arquivo e renomeie sua extensão ".htm" ou ".html" para ".txt". Outro modo de fazer isso é salvar duas cópias do código, uma sendo um arquivo .htm e a outra sendo um arquivo .txt. Isto facilita a edição.
  • Muitas pessoas ganham a vida fazendo páginas. Aperfeiçoe suas habilidades e você pode se dar bem também!
  • Você pode encontrar muitos tutiriais para lhe ajudar com isso pela internet. Faça uma busca no Google por Tutoriais HTML.
  • Você também pode tentar usar o Adobe Dreamweaver. Ele pode ser útil quando você tiver problemas, já que o programa mostra onde e está o problema e como consertá-lo.
  • As tags de fechamento não podem ser colocadas de forma arbitrária. A "última" tag a ser aberta deve ser a "primeira" a ser fechada. O seu código deve ficar assim: <tag1><tag2> conteúdo </tag2></tag1>.

Avisos

  • Certifique-se de digitar manualmente ".html" ou ".htm" no final do nome do arquivo e escolher "Todos os Arquivos" ou "Documentos de Texto" na opção de tipo de arquivo. Se você não fizer estas duas coisas, não irá funcionar.
  • Certifique-se de que você esteja servindo suas próprias imagens, para que você não roube a banda de outra pessoa. Você pode guardar imagens em sites como o Photobucket, o Flickr ou Imageshack.
  • A tag <marquee> não é uma tag oficial definida pelo W3C (World Wide Web Consortium), e pode não funcionar em todos os navegadores. Esta tag foi criada e suportada pelo Internet Explorer e agora tem um suporte legado por outros navegadores.
  • O atributo "bgcolor" está desatualizado. A forma correta de mudar a cor de fundo dos elementos é usando CSS.

Materiais Necessários

  • Um programa de edição de texto como o Bloco de Notas (para Windows) ou o Textedit (para Mac).
  • Um navegador como o Mozilla Firefox ou Safari .
  • Computador com conexão à internet
  • Gerenciador de arquivos com o Windows Explorer (opcional)
  • Um site de hospedagem de imagens como o Photobucket ou o Flickr
Information
Users of Guests are not allowed to comment this publication.