HTML-Introducao-Conceitos-Basicos-e-Estrutura-de-Paginas

Introdução Ligue as legendas Vamos mergulhar no HTML Linguagem de Marcação de Hipertexto O HTML é uma linguagem de marcação que fornece um modo estruturado de criar páginas web Ao usarmos as tags que o HTML nos disponibiliza podemos controlar como quase tudo é apresentado no navegador do usuário É o navegador quem interpreta as tags para apresentar o que o usuário final vê Referência de ElementosTags HTML Referência do HTML 5 O HTML e suas Tags O HTML é uma linguagem de marcação interpretada pelo navegador Ela usa tags ou elementos específicos para dizer ao navegador como as coisas devem ser apresentadas visualmente ao usuário Vamos dar uma olhada em alguns conceitos por trás de como essas tags funcionam antes de vermos as tags em si As tags são colocadas dentro de sinais de menor que e maior que Perceba que a tag de fechamento leva o caractere Isto diz ao navegador que esta é a tag de fechamento correspondente As tags são quase sempre seguidas de tags de fechamento correspondentes tagconteúdotag Essa é uma tag fictícia para servir de exemplo As tags também podem ser aninhadas umas dentro das outras div pabacaxip div div pqueijop ppizzap ppresuntop div As tags usam o que chamamos de atributos para adicionar funcionalidades ou descrever comportamentos Algumas tags têm fechamento próprio Essas tags normalmente não envolvem algum conteúdo A tag img é uma tag de fechamento próprio bem comum Como você pode ver ainda há uma no final da tag Observe também o uso dos atributos img srccaminhoparaarquivodeimagemjpg altdescrição da imagem Estrutura básica de páginas HTML Nesta seção vamos dar uma olhada na estrutura de um arquivo html Vamos discutir as tags básicas necessárias para ter uma página bem formada para exibição na internet A partir de agora vamos falar no contexto do HTML5 DOCTYPE html html head titletitle head body body html Vamos dar uma olhada em algumas dessas tagselementos Doctype DOCTYPE html informa ao navegador qual versão do HTML será usada neste documento Neste caso estamos declarando o HTML5 Doctype é especial no sentido de que ele não é considerado uma tag de verdade mas sim uma declaração O que você realmente precisa entender sobre esta tagdeclaração é que ela deve estar presente e deve estar especificamente na primeira linha do seu arquivo HTML html html é a tag que representa o elemento raiz elemento de nível superior de um documento HTML por isso ela também é chamada de elemento raiz Todos os outros elementos devem ser descendentes deste elemento Dito isto observe a tag de fechamento html na última linha head head é a tag que contém informações descritivas sobre a sua página como o título title das páginas Também é aqui onde você insere coisas como meta e planilhas de estilo Falaremos mais sobre essas coisas mais para frente nesse curso Observe que a tag title possui uma tag de fechamento title assim como a tag html Acredito que você esteja percebendo o padrão Leitura Recomendada title title é a tag que define o título do documento ele é exibido na barra de título do navegador ou na aba da página Ela pode conter apenas texto e todas as tags colocadas aqui são ignoradas Ela é seguida da tag de fechamento title body body representa o conteúdo de um documento HTML Pode haver apenas um elemento body em um documento HTML É aqui onde ficam as coisas que queremos que as pessoas vejam Vou parar de apontar as tags de fechamento Acho que você já pegou a ideia Leitura adicional Introdução ao HTML no MDN O que há no head no MDN O elemento meta no MDN Lista de códigos ISO 6391 no Wikipedia