HTML é o código usado para criar páginas web. Todo website é feito de HTML (entre outras coisas). E todo navegador de Internet (web browser) é capaz de abrir arquivos HTML. Mais especificamente, HTML é o nome da linguagem de código fonte: a "Linguagem de Marcação de HiperTexto" (HyperText Markup Language). Para ter uma ideia melhor, vejamos um exemplo de código HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Título da página</title>
</head>
<body>
Este texto irá parecer no navegador.
</body>
</html>
Em sua maior parte, temos tags HTML escritas no formato <tag>conteúdo</tag>
, que representam o começo, o conteúdo, e o fim de um elemento HTML de mesmo nome. Cada elemento pode ter um número de atributos no formato atributo="valor"
. Elementos podem conter outros elementos e texto, formando uma estrutura hierárquica de relacionamento de tipo de árvores de nós.
Toda página HTML começa com uma declaração de DOCTYPE
. O primeiro elemento (e nó raiz) é sempre <html>
. Esse elemento sempre contém dois elementos: um <head>
e um <body>
. No <head>
são contidos elementos que declaram metadados da página, tal como sua codificação (<meta charset>
), e título (<title>
). No <body>
é contido o conteúdo visível da página que será exibido no navegador, tais como parágrafos e imagens.
Código HTML é escapado através de um formato de substituição chamado de entidades HTML (entities), onde o nome de uma entidade é escrita no formato &nome;
. No caso, é possível escrever "<" em HTML através do código <
(de less than, "menos que"), e ">" com o código >
(greater than). O "&" (e comercial," ou ampersand em Inglês) é escrito com o código &
. Valores de atributos são delimitados por aspas; para escrever uma aspa dentro do valor de atributo se usaria a entidade "
(de quoting mark, "aspa").
O código HTML é parecido com o código XML, porém há diferenças. Por exemplo, no HTML elementos que não podem conter outros elementos, como <meta>
e <br>
, não têm tag de fechamento (</br>
). No XML, esse conceito não existe, e toda tag precisa ser fechada explicitamente. Como é muito comum um elemento XML não ter conteúdo, é possível escrever, em XML, <br/>
como forma abreviada de <br></br>
. No XML isso é permitido para qualquer elemento que não tenha conteúdo (e.g. <div/>
). No HTML isso só é permitido em elementos que não podem ter conteúdo (como <div>
pode ter conteúdo, <div/>
estaria incorreto).
Em HTML, comentários no código fonte seguem o formato <!-- comentário -->
. Navegadores não ignoram completamente esses comentários. Eles são adicionados aos elementos como um tipo de nó que não é exibido, sendo possível obter o conteúdo de um comentário através de Javascript.
Deixe um comentário