TUTORIAL HTML

Bom galerinha como prometido a galera do back tab vem trazendo o tutorial de HTML, de forma clara e explicativa para você aprender a fazer seu primeiro site.

Início do tutorial de HTML.

A estrutura básica de uma página HTML é mostrada na imagem 1. Observe que a construção da página exigi o uso de marcadores chamados de tags.

clique para ampliar

Nessa imagem podemos observar o uso de vária tags: HTML, head, title, body.
Cada uma dessas tags serve para determinar algo. E todas devem ser fechadas com a sua tag de fechamento "".

TAG	O QUE FAZ
HTML	Marca o início e o fim do documento HTML. com ele você inicia e finaliza a construção da página web.
HEAD	Marca o início e do fim do cabeçalho, ou seja, a área onde serão descritos cabeçalhos e o título da página.
TITLE	Marca o início e o fim do título do cabeçalho. O título da página aparecerá na barra superior do browser.
BODY	Marca o início e o fim do corpo da página.

OBS: LEMBRE-SE QUE O PROGAMA PARA SE FAZER , O CODIGO HTML, É O BLOCO DE NOTAS, RECOMENDADO PARA INICIANTES.

Bom entendido os conceitos básicos e você mais feliz, vamos criar nossa primeira página.

1) Abra o bloco de notas

2) Digite o código da imagem 1 (acima). Após digitá-lo salve nas pasta que desejar, recomendo que crie uma para o blog e salve o seu bloco de notas com o seguinte nome exemplo1.html, ou se preferir pode substituir o nome exemplo1, por outro qualquer mas mantenha sempre a extensão (.html), para o computador reconhecer que se trata de uma página HTML.

CONHECENDO OUTRAS TAGS.

Na imagem abaixo é possível perceber o uso de várias outras tags: "h1","marquee","p", "u", "b", "i". E sua função, respectivamente dentro de cada uma.

clique para ampliar

Agora veja como ficou a imagem desse código HTML acima, no navegador de internet e observe as características do texto de acordo com a tag em que ele está.

clique para ampliar

Você pode observar que a tag h1 é usada para um titulo principal da sua página, recomendado para ser usado quando se quiser chamar atenção de alguma coisa em seu site, a tag marquee deixa o texto em movimento, a tag p é usada para começar um parágrafo e as outras tags b,i,u, são usadas para deixar seu texto em negrito, itálico e sublinhado respectivamente.

Para finalizar, esse tutorial básico sobre HTML, eu deixo aqui uma dica, para se ter uma boa página e um bom domínio do HTML é preciso muita prática por isso vão treinando porque logo mais sairá a outra parte do tutorial de HTML, que ensinará um pouco mais avançado, a equipe do Back Tab agradece todos os parceiros, que nos ajudaram a desenvolver essa primeira parte de um imenso tutorial de HTML que vem pela frente.

Edição: Elísio Batista
Apoio: Carlos Pedro