Definição de um documento HTML
Um documento HTML é um arquivo que contém linguagem de marcação de hipertexto. O código HTML é baseado em tags , ou palavras-chave ocultas, que fornecem instruções para a formatação do documento. Uma tag começa com um colchete angular e o sinal ‘menor que’: ‘ < ‘. A tag termina com um colchete angular e o sinal de ‘maior que’ ‘ > ‘. As tags informam ao programa de processamento, geralmente o navegador da Web, o que fazer com o texto. Por exemplo, para deixar a palavra ‘Olá’ em negrito, você usaria a tag de abertura em negrito <b> e, em seguida, a tag de fechamento em negrito </b>, assim:
<b> Olá </b>
HTML é definido pelo World Wide Web Consortium, uma organização que regula os padrões para a Internet. Cada versão do HTML possui um conjunto de definições. Observe que HTML não é uma linguagem de programação. Embora frequentemente nos referamos à marcação HTML como código HTML, as linguagens de programação requerem o processamento de instruções lógicas e matemáticas. HTML permite que o desenvolvedor faça documentos de texto parecerem envolventes e agradáveis. Na maioria dos casos, a programação em um documento HTML é feita com JavaScript.
Tipos de HTML
A versão mais recente do HTML, que está entrando na indústria, é o HTML 5. O HTML pode ser dividido em três categorias: transicional, estrito e conjunto de quadros. Esses tipos se aplicam ao modo como o HTML é usado, não necessariamente à seleção de tags.
Transitório
Transicional é o tipo mais comum de HTML. Tem uma sintaxe flexível ou componente de gramática e ortografia. Ao longo dos anos, o HTML transicional tem sido usado sem restrições de sintaxe e os navegadores oferecem uma abordagem de ‘melhor esforço’ para ler as tags. Se as tags tiverem erros ortográficos, os navegadores não corrigem os erros dos desenvolvedores da web e exibem o conteúdo de qualquer maneira. Os navegadores não relatam erros de HTML – eles simplesmente exibem o que podem. Este é o conceito de ‘melhor esforço’.
Rigoroso
O tipo estrito de HTML destina-se a retornar regras para HTML e torná-lo mais confiável. Por exemplo, o tipo estrito requer o fechamento de todas as tags para todas as tags abertas. Este estilo de HTML é importante em telefones, onde o poder de processamento pode ser limitado. Um código limpo e sem erros ajuda a carregar as páginas mais rápido.
Frameset
Por fim, um conjunto de quadros permite que os desenvolvedores da web criem um mosaico de documentos HTML onde vários documentos podem ser conectados em uma única tela. Esta técnica é freqüentemente usada para criar um sistema de menu. Você clica em um item de menu no lado esquerdo da tela e apenas o lado direito da tela é recarregado. O menu permanece no lugar.
Exemplos HTML
Vamos dar uma olhada em alguns exemplos. Para executar os exemplos, basta criar um documento de texto em sua área de trabalho chamado ‘test.html’. Se você estiver usando um programa Bloco de notas, certifique-se de que a extensão do arquivo seja .html, e não ‘test.html.txt’. Para fazer isso, use ‘Salvar como’ no Bloco de notas e inclua entre aspas o nome do arquivo ‘test.html’. Em sua área de trabalho, você verá um ícone com ‘teste’ como nome, e a imagem no ícone terá uma associação de navegador da web.
Se você optou por pular a notação de cabeçalho (e muitos desenvolvedores da web a pulam), o HTML transicional será assumido. Nosso primeiro exemplo apresentará uma tag <br /> . Esta é uma marca de nova linha ou uma marca de quebra. Insira o seguinte em seu documento:
Olá, mundo. <br /> Este é o meu primeiro documento HTML
Este exemplo exibirá o texto no navegador em duas linhas. ‘Olá, mundo’ estará na primeira linha e ‘Este é meu primeiro documento HTML’ na segunda linha.
Agora, vamos adicionar mais variação ao exemplo:
<h2> Olá, mundo. </h2> <br /> <br /> Este é o meu <i> primeiro </i> documento HTML
Neste exemplo, ‘Hello world’ será exibido como um texto grande. <h2> é uma tag de cabeçalho, que torna o texto em negrito e grande. Em seguida, temos duas novas linhas, então a palavra ‘primeiro’ está em itálico.
Aqui está mais uma adição ao exemplo:
<html> <body>
<h1> Meu primeiro título </h1>
<h2> Olá
mundo. </h2> <br /> <br /> Este é o meu <i> primeiro </i> documento HTML
</body> </html>
Observe que, embora no código HTML haja uma nova quebra de linha após a palavra ‘Hello’, o navegador exibirá ‘Hello world’ na mesma linha. Esse é o caso, porque o navegador só olha as tags HTML, não o estilo do código em si. Você pode colocar muitas novas linhas entre ‘Hello’ e ‘world’ e ainda aparecerá na mesma linha.
Neste último exemplo, também adicionamos as tags <html> <body> . Essas tags ajudam a criar contêineres para outro código HTML. Quando as tags estão dentro de contêineres, elas podem ser acessadas por outras tecnologias como JavaScript ou Folhas de Estilo em Cascata.
Resumo da lição
Um documento HTML é baseado em um arquivo contendo linguagem de marcação de hipertexto. Em HTML, tags ou palavras-chave ocultas, informa aos programas de processamento, geralmente navegadores da Web, como exibir o texto. Existem três categorias de HTML: transicional, estrito e conjunto de quadros. Transicional é o tipo mais comum de HTML, enquanto o tipo estrito de HTML se destina a retornar regras ao HTML e torná-lo mais confiável. O Frameset permite que os desenvolvedores da Web criem um mosaico de documentos HTML e um sistema de menu.