Criando Primeira página Web

Primeiros passos

Vamos criar uma página Web usando HTML e visualizá-la em um navegador da Web. Vamos lá.
Aqui, você aprenderá como é fácil criar uma página web. Na verdade, quando você terminar com esta página, você terá criado sua própria página Web.

Quando você cria uma página da web, você geralmente faz algo assim:

  • Crie um arquivo HTML
  • Digite algum código HTML
  • Ver o resultado no seu navegador

Crie um arquivo HTML

Um arquivo HTML é simplesmente um arquivo de texto salvo com uma extensão .html ou .htm. Abra seu editor de HTML (como o Brackets ou o Visual Code). Mas você pode usar o editor de texto simples normal do seu computador se preferir (provavelmente será o Notepad se você estiver usando o Windows ou o Text Wrangler se estiver usando um Mac).

Criando o arquivo HTML

Crie um novo arquivo e salve como o nome tutorial.html

Digite o seguinte código:

<!DOCTYPE html>
<html>
    <head>
        <title>Introducao ao HTML</title>
    </head>
<body>
    <h1>Bem-vindo ao Meu Primeiro Website</h1>
    <hr>
    <p> Aqui podera aprender a criar o seu primeiro Website em poucos minutos, fique atento ao proximo artigo</p>
</body>
</html>

A seguir abra o arquivo em um navegador

Veja o resultado no seu navegador

minha primeira pagina web

Espero que tenha tido o mesmo resultado mas caso contrário, apenas tente de novo até acertar.
A parte mais divertida em criar páginas Web é experimentar diferentes elementos e em seguida, verificar o resultado.

Explicação do nosso código

Antes de ficarmos muito entusiasmados, vou explicar o nosso código.
Nós apenas codificamos tags HTML. Essas tags dizem ao navegador o que exibir e onde. Você deve ter notado que para cada tag de “abertura” também havia uma tag de “fechamento” e que o conteúdo que queríamos exibir aparecia no meio. A maioria das tags HTML tem uma tag de abertura e fechamento. Exemplo: <h1> </h1>

O próximo artigo é um pouco mais detalhado sobre tags HTML. Proximo Artigo

 

80 total views, 1 views today

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*