Introdução ao HTML

Muitas pessoas se perguntam como é possível desenvolver um site.

HTML é uma linguagem de formatação muito utilizada na Internet, especificando a posição dos elementos de uma página, figuras, cores, tamanho da fonte, posição dos elementos e muito mais.  Essa descrição é feita por comandos que nós chamamos de tags ou marcação.

Essas tags descrevem como o navegador do usuário deve exibir o seu conteúdo.

O meu objetivo com esta série de artigos sobre HTML é ajudar quem está iniciando os estudos do HTML.

Como funciona estrutura do HTML

Por padrão, o documento HTML não possui muitas variações no seu início e fim.

Primeiro, nós vemos a tag HTML. Esta e a tag que faz com que o navegador interprete comandos HTML. Por definição, mesmo que não seja encontrado em seu documento HTML esta tag, o navegador irá interpretar como HTML do mesmo jeito. No entanto, é uma boa prática especificar que tipo de documento é.

Logo após, temos a marcação head. Esta é a responsável pelos cabeçalhos e informações introdutórias da página. Após adicionar todos os atributos, a tag é fechada com a marcação </header>

E assim, começa a marcação <body> que informa o conteúdo visível para o usuário. Veja o exemplo abaixo.

 

<html>
<head>
    <title>Título</title>
</head>
<body>
<h1>Título do parágrafo</h1>
</body>
</html>

 

Marcações (tags) HTML

Documentos HTML possuas marcações que instruem o navegador como deve exibir o conteúdo de suas páginas. Cada tag é interpretada pelo navegador com os sinais < >.

O que é um arquivo .HTML (ou .HTM) e como abri-lo?

Os códigos HTML podem ser abertos para edição e visualização.

Para editar o arquivo, você pode utilizar qualquer editor de texto. Pessoalmente, eu aconselho a ferramenta Notepad++, que é excelente para esta finalidade. Para visualizar os arquivos, você apenas precisa de um navegador de internet.

Editores HTML

Um editor HTML é uma ferramenta muito utilizada que pode ajudar (e muito) no desenvolvimento de páginas.

Essas ferramentas podem te mostrar uma lista de tags que você pode utilizar, e alguns editores HTML, podem ainda codificar uma boa parte para você. Além de te dar dicas de boas práticas na codificação.

Existem diversos editores HTML, muitos deles são pagos e outros também são gratuitos. Se você não conhece tão bem HTML, minha sugestão é que você não se preocupe nisso agora. Qualquer editor de texto irá te ajudar inicialmente.

Começando com HTML

Um arquivo HTML é simplesmente um texto salvo com uma extensão .html e htm.

  1. Abra um editor de texto da sua preferência. Você pode usar qualquer um da sua preferência.
  2. Crie um arquivo
  3. Salve-o arquivo como minhaprimeirapagina.html

 

<html>
<head>
<title>Primeiro site feito com HTML</title>
</head>
<body>
<h1>Meu primeiro título</h1>
<p>incrível não é? Em poucos minutos, você já desenvolveu sua primeira página em HTML</p>
</body>
</html>

Visualizando o arquivo

Para abrir o documento, é bastante simples.

  1. Abra o arquivo
  2. Selecione o seu navegador de preferência para visualizar o arquivo.

 

Desenvolvimento de conteúdo dinâmico

O HTML é uma linguagem do lado do cliente, e serve, basicamente, para exibir informações para o usuário.

Também existem as linguagens do lado do servidor, que fazem praticamente tudo funcionar: blogs, redes sociais, sites dinâmicos, fóruns e muito mais.

Se você tem interesse em conhecer mais sobre, eu separei uma vídeo aula sobre como ser um programador. Basta clicar aqui.

 

 

Introdução ao HTML
5 (100%) 2 votes

Deixe um comentário