Tutorial HTML - I

Vamos falar um pouquinho de HTML agora.


HTML (Hyper Text Markup Language que quer dizer Linguagem de Marcação de Hipertexto) é uma linguagem de marcação usada para a criação de página na Web. Os documentos de HTML podem ser escritos em qualquer editor de texto. Como editor mais básico utilizado no desenvolvimento de um cógido HTML teríamos o Bloco de Notas do Windows mesmo.
Já para uma edição mais apurada teríamos, Notepad++, DevCpp, etc.

TUTORIAL

Passo 1 → Abra o programa em que você vai digitar os códigos (óbvio né! aiusdhiufahdsiufh).

Passo 2 (Só pra quem for utilizar o Notepad++) → Altere a Linguagem para HTML (Figura 1.1).

  Figura 1.1

Passo 3 → Digite o seguinte código (Figura 1.2).

 Figura 1.2

Explicação:

As tags (comandos que estão entre "maior e menor") podem ser digitadas todas em minúscula, todas em maiúscula, ou alternadamente (ex: html, HTML ou HtMl).

As tags normalmente possuem uma tag de fechamento. A tag de fechamento tem o mesmo nome de sua tag, porém possui uma / antes do nome (ex: ).

" html " Indicam o início e fim do documento.

" head " Marcam o cabeçalho do documento. É a primeira seção do documento.

" title " Indicam o título do documento, que será exibido na Barra de Título do navegador. Esta tag deve sempre constar dentro do cabeçalho( ). 

 " body "  Este é o "corpo" do documento. Dentro desta tag colocaremos a maior parte do conteúdo que vamos colocar na nossa página, como imagens, vídeos, tabelas, textos e outros.

Passo 4 → Para podermos visualizar este código no navegador agora vamos salvar o código. Caso você esteja salvando no Bloco de notas troque o tipo de documento para todos os arquivos (Figura 1.3) e coloque ".html" no fim do nome do seu arquivo (ex: k-nela.html). Nos outros programas é só escolher a opção HTML e digitar o nome desejado.

Passo 5 → Depois é só ir até a pasta que você salvou o arquivo e executá-lo.

Notepad: Clique aqui para ler um pouco mais.

DevCpp: Clique aqui para ler um pouco mais.

Download Tutorial: Doc - Docx