Passo 1

[KlausEverWalkingDev]

1) O que é HTML?

• HTML = HyperText Markup Language (Linguagem de Marcação de Hipertexto, em tradução livre);
• É a principal linguagem de marcação da World World Web (WWW);
• Hipertexto: estruturas de texto (palavras, frases, páginas, artigos, capítulos, livros e bibliotecas) melhoradas por conexões entre elas mesmas). O termo "hiper" significa que estas estruturas contêm informação além daquela que o leitor ver. Quando desenhos, imagens, áudios e vídeos são adicionadas a elas, podemos nos referir a elas como hipermídia ou multimídia;
• Linguagem de marcação: uma linguagem que geralmente usa tags para definir elementos num documento, assim como tipos de dados baseados em caracteres, referências de carácter ou referências de entidade;
• HTML não é uma linguagem de programação no sentido estrito da palavra, já que não inclui lógica ou algoritmos. É usada para organizar a apresentação de dados; mas ao longo desse material usarei a palavra "programação"/"programando" com HTML com o sentido que você pode programar ou PLANEJAR (no sentido de fazer planos) algo usando HTML. Podemos também dizer que estamos codificando/codando com HTML quando queremos dizer que estamos escrevendo algo que não necessariamente é pra ser lido como um artigo;
• Tim Berners-Lee escreveu um memorando propondo a linguagem em 1989. No final de 1990 ele escreveu a especificação, o navegador e o software servidor. HTML foi baseada na SGML (Standard Generalized Markup Language - Linguagem de Marcação Genérica como Padrão, em tradução livre). Foi mencionada em público pela primeira vez em outubro de 1991. Sua primeira versão foi 1.1, lançada em novembro de 1992. Sua versão mais atual é a geralmente chamada como HTML5, lançada em 28 de outubro de 2014. Até então, ela era mantida pela World Wide Web Consortium (W3C) e pela WHATWG (Web Hypertext Application Technology Working Group), onde a W3C a considerou como estável e última versão, enquanto WHATWG criou o que eles chamam de "Living Standard" (Padrão Vivo, em tradução livre), significando que esse padrão sempre será atualizado e melhorando, nunca visto como completo.

2) Elementos e tags

• Como o HTML é baseado na SGML, precisa de um parser (analisador e interpretador) capaz de entender o DTD HTML. A DTD (Document Type Definition - Definição do Tipo de Documento, em tradução livre) define a validade dos blocos que compõem um elemento. Elementos HTML, nesse caso;
• Na versão inicial do HTML havia 18 tags. Atualmente, são mais de 120 tags;
• Elementos HTML são uma das partes de um documento HTML.

• A maioria dos elementos HTML são escritos com uma tag inicial e uma tag final, com o conteúdo no meio delas;
• Uma tag HTML é composta do nome do elemento, envolvida pelos símbolos < e >. E na tag final apresenta uma barra depois do <, para diferenciá-la da tag inicial.

Algumas tags explicadas:

• <title></title> (dentro da tag head): texto que será mostrado na barra de título e na aba do navegador;
• <h1></h1> = heading (título): você pode trocar o número 1 por números desde o próprio 1 até o número 6, indo do maior tamanho para o menor;
• <p></p> = paragraph (parágrafo): auto-explicativo;
• <i></i> = italic (itálico): faz com que o texto cercado por essa tag fique em itálico;
• <b></b> = bold (negrito): faz com que o texto cercado por essa tag fique em negrito;
• <hr /> = horizontal line (linha horizontal): auto-explicativo;
• <a></a> = link: usada primariamente com o atributo href. Por exemplo:: <a href=”other-site.com”>Other site</a>;
• <div></div> = division (divisória): se usada sozinha, não altera nada na página. Mas se for usada para agrupar outros elementos, torna mais fácil a aplicação de estilos nestes elementos, marca uma seção do documento com um significado especial e assim por diante.

[KlausEverWalkingDev]

• Acrescentei a seção "Algumas tags explicadas" com tags básicas que serão usadas no Passo 2.