HTML5 (Hypertext Markup Language), é uma "Linguagem de Marcação de Hipertexto" para apresentar estrutura de conteúdo na web. A HTML é focado em conteúdo, ele foi desenvolvimento por Tim Bernes-Lee.

Um documento HTML é um documento texto que pode ser produzido utilizando qualquer editor de texto. O conteúdo HTML de uma página é processado por um navegador (Internet Explorer, Chrome, etc.).

A HTML define um conjunto de elementos para a marcação de uma página Web: cabeçalho, parágrafo, lista, tabelas, entre outros. Cada elemento possui sua função específica e são comumente chamados de tag (marca ou marcadores).

• Brackets Site oficial
• NetBeans Site oficial
• Notepad++ Site oficial
• VisualStudio Site oficial
• Pycharm Site Oficial
• Bloco de Notas

Existem outros software para uso, porém vai da sua preferência após uma busca pela internet.

Estrutura básica de um documento HTML

Ao criar um novo documento HTML, devemos sempre escrever a estrutura básica de um documento desse formato. Vamos analisar cada uma das 11 linhas que compõem esse documento base.

• Linha 1: Indica que o documento atual será escrito na versão mais atualizada da linguagem (no caso, HTML5).
• Linhas 2 e 11: Delimitam o documento HTML, que é sempre dividido em duas partes: a cabeça e o corpo. Na linha 2, também estamos indicando que o conteúdo desse site será no idioma Português do Brasil.
• Linhas 3 e 7: Delimitam a cabeça da página, local onde são realizadas algumasconfigurações iniciais como formatos, estilos, ícone de favoritos, etc.
• Linha 4: adiciona ao documento atual o suporte a caracteres acentuados. Remover essa linha pode causar erros de renderização de algumas letras na tela.
• Linha 5: Indica que o conteúdo aparecerá, por padrão, ocupando todo o espaço disponível da tela e com uma escala de 1:1.
• Linha 6: Configura o título da página, que aparecerá como identificação da aba do navegador, ao lado do favicon.
• Linhas 8 e 10: Delimitam o corpo da página, a maior porção do site, que vai aparecer na tela. É aqui onde colocaremos todo o nosso conteúdo.

Tags HTML

A HTML funciona baseada em marcações específicas chamadas tags. Uma tag é um conjunto de palavras entre sinais de colchete angular, conforme representado a seguir.

Na imagem anterior, você consegue perceber o uso da tag <p> para a criação de um parágrafo simples. A maioria das tags possuem uma abertura e um fechamento, e você identifica isso pela presença da barra no fechamento da tag.

Além disso, as tags também podem ter atributos e valores, que vão configurar seu comportamento:

Lista de Tags

Com o surgimento da versão 5 da HTML, algumas tags simplesmente deixaram de existir ou tornaram-se obsoletas. Uma tag obsoleta pode até estar funcionando no seu navegador hoje em dia, mas a própria W3C - consórcio responsável por manter as especificações da linguagem - recomenda que elas não sejam mais usadas pelos profissionais e aos poucos não serão mais suportadas pelos navegadores nas suas futuras versões. OBS: Com passar do tempo algumas tags ficaram obsoletos. Sempre que você quiser saber quais são as tags que estão sendo consideradas obsoletas pelo W3C, basta consultar a referência oficial da linguagem, disponível no site abaixo e acessar o item 15: Obsolete Features.
HTML Standard:https://html.spec.whatwg.org/multipage/

Caracteres Especiais

Alguns caracteres são reservados em HTML. Por exemplo, não se pode usar os caracteres “<” e “>” em um texto, pois o browser pode confundí-los com as marcações do documento. A maioria dos processadores da linguagem suporta os 5 caracteres a seguir:

Gostaria de saber mais?

Assista o video aula abaixo do CursoemVideo feito pelo professor Gustavo Guanabara.

Video para o caso você tenha duvidas se realmente é para você este curso.

Video mostrando os primeiros passos para criação do documento HTML.

Se você vai fazer este curso, recomendo que assista o primeiro video e não pule nenhum, pois todos são importante para o seu aprendizado.

Os curso são totalmente gratuitos e caso você queira o certificado após o termino do curso, precisa fazer o cadastro no site do próprio curso em video e fazer os cursos.

• Canal do Curso em Video
• Site do Curso em Video: https://www.cursoemvideo.com
• Lista completa do curso HTML 5: Playlist
• GitHub repositório em: gustavoguanabara.github.io

Atualemnte o curso do HTML5 tem 3 módulos disponível para estudar, e para cada módulo tem o certificado valido informando as 40 horas concluídas. Futuramente vai lançar mais módulo, como no próprio site e no canal especifica que são no total 5 módulos.

OBS: algumas informaçãos do material foi tirada do PDF do curso em video. Este site tem a intenção de compartilha conhecimento sem fins lucrativo. Quanto mais pessoas principalmente iniciantes souber desta facilicitação de conteúdo, melhor. Nem todo mundo tem boas condições para pagar um curso ou faculdade.