Professional Documents
Culture Documents
O cdigo HTML usado para definir a estrutura, aparncia* e funes* em uma pgina web. Isso
feito por meio de marcadores (tags). Por exemplo, <p> em HTML signigica pargrafo. Ao acessar
uma pgina com um navegador voc no v o HTML pois ele fica oculto, no entanto voc v o
resultado da interpretao.
Ps. O html mais usado para delimitar a estrutura de uma pgina enquanto que a aparncia costuma
ficar a cargo de documentos de estilo (css) e as funes de interao de pgina fazem uso de
Javascript (js).
Origem do HTML
Tim Berners-Lee criou o HTML 1.0 entre 1991-92. As pginas web naquela poca eram bem
limitadas.
Acima imagem do editor HTML NeXt. Esse foi o primeiro navegador Web criado (em junho de
1993).
Verses do HTML
Com o passar dos anos a linguagem html evoluiu e assim surgiram novas verses. Surgiu assim a
necessidade de declarar o tipo do HTML dentro do arquivo por meio do campo DOCTYPE.
Os maiores diferenciais do HTML5 para seus predecessores esto nos novos elementos a atributos.
Antes de comear a nos aprofundar no HTML5 no entanto vamos abordar algumas bases da escrita
em html.
Escrevendo em HTML
O documento HTML composto de uma declarao DOCTYPE e de elementos.
A declarao utilizada para informar qual a verso do html em uso. Em HTML5 a declarao
bastante simples.
<!DOCTYPE html>
Elementos HTML
Um elemento html composto de um par de marcadores e (na maioria dos casos) de um contedo.
Veja o exemplo.
<p>isso um pargrafo</p>
No caso acima temos o elemento pargrafo que composto de dois marcadores (um de abertura e
outro de fechamento) e de um contedo.
Todo elemento pode ser modificado por meio da incluso de atributos acompanhados de seus
respectivos valores. Veja um exemplo.
<p align=center>isso um pargrafo centralizado</p>
O elemento acima recebeu um atributo align com valor center. O pargrafo aparecer na pgina
web centralizado.
No exemplo acima temos uma pgina html bastante bsica. Inserimos o atributo lang no elemento
html para informar o idioma da pgina. No head temos dois metadados. O meta charset para
informar a famlia de caracteres usada na pgina (utf-8 o padro institudo), o meta viewport para
editar o comportamento que a pgina ter de acordo com a tela do usurio (til para layout
responsivo) eo title para dar um ttulo a pgina. No body temos apenas o elemento h1 que usado
para apresentar cabealhos.
No HTML quando inserimos um elemento dentro de outro estamos fazendo uma identao. No
exemplo acima isso aconteceu vrias vezes. h1 est dentro de body que por sua vez est dentro de
html. Para deixar isso claro no cdigo fonte da pgina so includos espaos nos elementos.
Glossrio
W3C (World Wide Web Consortium) uma entidade sem fins luctrativos fundada por Tim Berns
Lee em 1994 com a inteno de garantir a abertura, acessibilidade e liberdade da rede mundial de
computadores de um ponto de vista tcnico. Sua principal tarefa criar protocolos e recomendaes
para assegurar o cresicmento da Web em longo prazo.
Tim Berns Lee: o 'pai' da Internet. Sua pesquisa publicada em 1989 deu origem ao termo Rede
mundial de computadores (world wide web). Ele tambm foi o criador do primeiro navegador,
servidor e pgina web. Ele tambm escreveu as especificaes para a triade: URLs, HTTP e HTML.
URL (Uniform Resource Locator): em portugus conhecido por Localizador Padro de
Recursos o URL o endereo de um recurso disponvel em uma rede, seja a rede internet ou
intranet. O endereo web de um site uma url (http://meusite.com.br).
HTTTP (Hypertext Transfer Protocol): em portugus Protocolo de Transferncia de Hipertexto,
um protocolo de comunicao (na camada de aplicao segundo o Modelo OSI) utilizado para
sistemas de informao de hipermdia, distribudos e colaborativos. Ele a base para a comunicao
de dados da World Wide Web.
HTML (HyperText Markup Language): em portugus Linguagem de Marcao de Hipertexto o
HMTL uma linguagem de marcao utilizada na construo de pginas na Web.