O Velho HTML

O VELHO HTML Antes de comearmos importante no se esquecer do HTML (acrnimo para a expresso inglesa HyperText Markup Language, que
e significa Linguagem de Marcao de Hipertexto) uma linguagem de marcao utilizada para produzir pginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia fruto do "casamento" dos padres HyTime e SGML.
HyTime um padro para a representao estruturada de hipermdia e contedo baseado em tempo. Um documento visto como um conjunto de eventos concorrentes dependentes de tempo (como udio, vdeo, etc.), conectados por hiper-ligaes. O padro independente de outros padres de processamento de texto em geral.
SGML um padro de formatao de textos. No foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligaes.
A estrutura de um documento HTML apresenta os seguintes componentes:
As etiquetas HTML no so sensveis caixa, portanto tanto faz escrever <HTML>, <Html>, <html> ou <HtMl>.
As etiquetas bsicas de HTML, cuja presena altamente recomendada nas pginas so:
* <html>: define o incio de um documento HTML e indica ao navegador que todo contedo posterior deve ser tratado como uma srie de cdigos HTML.
* <head>: define o cabealho de um documento HTML, que traz informaes sobre o documento que est sendo aberto.
* <body>: define o contedo principal, o corpo do documento. Esta a parte do documento HTML que exibida no navegador. No corpo podem-se definir propriedades comuns a toda a pgina, como cor de fundo, margens, e outras formataes. CABEALHO
Dentro do cabealho podemos encontrar os seguintes comandos:
* <title>: define o ttulo da pgina, que exibido na barra de ttulo dos navegadores.
* <style>: define formatao em CSS.
* <script>: define programao de certas funes em pgina com scripts, podendo adicionar funes de JavaScript.
* <link>: define ligaes da pgina com outros arquivos como feeds, CSS, scripts, etc.
* <meta>: define propriedades da pgina, como codificao de caracteres, descrio da pgina, autor, etc. So meta, informaes sobre documento. Tais campos so muitos usados por mecanismos de busca (como o Google) para obterem mais informaes sobre o documento, a fim de classific-lo melhor. Por exemplo, pode-se adicionar o cdigo <meta name= description" content= descrio da sua pgina" /> no documento HTML para indicar ao motor de busca que texto de descrio apresentar junto com a ligao para o documento. Para o sistema Google, comandos meta como keywords, por exemplo, no so utilizadas para indexar pginas. Apenas <title> e a meta <description> so usadas para descrever a pgina indexada.
Obs: as etiquetas <style> e <script> servem tanto para delimitar os espaos usados pelos cdigos na pgina, quanto para invocar cdigos existentes em outros arquivos externos. CORPO
Dentro do corpo podemos encontrar outras vrias etiquetas que iro moldar a pgina, como por exemplo:
* <h1>, <h2>,... <h6>: cabealhos e ttulos no documento em diversos tamanhos. (quanto menor for o nmero, maior ser o tamanho da letra). * <p>: novo pargrafo.
* <br>: quebra de linha. * <table>: cria uma tabela (linhas so criadas com <TR> e novas clulas com <TD>. J os cabealhos de coluna so criados com a etiqueta <TH>). * <div>: determina uma diviso na pgina a qual pode possuir variadas formataes. * <font>: altera a formatao (fonte, cor e tamanho) de um trecho do texto. * <b>, <i>, <u> e <s>: negrito, itlico, sublinhado e riscado, respectivamente. * <img>: imagem. * <a>: hiper-ligao para outro local, seja uma pgina, um e-mail ou outro servio. * <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto so muito usadas em blogs, elas podem ser auto selecionveis e conter outros cdigos a serem distribudos. * <acronym>: acrnimo (sigla). * <cite>: citao. * <address>: endereo. HIPERLIGAES
Uma propriedade importante dos documentos HTML a possibilidade de fazer hiperligaes. Para isso usa-se a etiqueta <a> (do ingls, anchor). Esta tem os atributos: href que define o alvo da hiperligao (que pode ser uma pgina de Internet, uma parte da mesma pgina ou um endereo de email) ou name que define um alvo nessa pgina (a onde se pode fazer uma hiperligao usando a etiqueta a com o atributo href). Exemplos:
* <a href=http://www.iped.com.br">Clique para entrar no site de cursos online</a> * <a name=nome >texto</a>
Em que nome e texto podem ser substitudos por o que se desejar. Depois usa-se <a href="#nome"> </a> para hiperligar a este "anchor". CARACTERES ESPECIAIS E SMBOLOS
Os caracteres especiais definem-se usando comandos que comeam com & e terminam com um. Alguns exemplos incluem á (), à (), ã (), â (), ä () e
ç (). Qualquer outra vogal pode ser substituda pelo a destes exemplos, incluindo maisculas.
O QUE O HTML5?
O HTML5 a nova verso do HTML4. Enquanto o WHATWG define as regras de marcao que usaremos no HTML5 e no XHTML, eles tambm definem APIs que formaro a base da arquitetura web. Essas APIs so conhecidas como DOM Level 0.
Um dos principais objetivos do HTML5 facilitar a manipulao do elemento possibilitando o desenvolvedor a modificar as caractersticas dos objetos de forma no intrusiva e de maneira que seja transparente para o usurio final.
Ao contrrio das verses anteriores, o HTML5 fornece ferramentas para a CSS e o Javascript fazerem seu trabalho da melhor maneira possvel. O HTML5 permite por meio de suas APIs a manipulao das caractersticas destes elementos, de forma que o website ou a aplicao continue leve e funcional.
O HTML5 tambm cria novas tags e modifica a funo de outras. As verses antigas do HTML no continham um padro universal para a criao de sees comuns e especficas como rodap, cabealho, sidebar, menus e etc. No havia um padro de nomenclatura de IDs, Classes ou tags. No havia um mtodo de capturar de maneira automtica as informaes localizadas nos rodaps dos websites. H outros elementos e atributos que sua funo e significado foram modificados e que agora podem ser reutilizados de forma mais eficaz. Por exemplo, elementos como B ou I que foram descontinuados em verses anteriores do HTML, agora assumem funes diferentes e entregam mais significado para os usurios.
O HTML5 modifica a forma de como escrevemos cdigo e organizamos a informao na pgina. Seria mais semntica com menos cdigo. Seria mais interatividade sem a necessidade de instalao de plugins e perda de performance. a criao de cdigo interopervel, pronto para futuros dispositivos e que facilita a reutilizao da informao de diversas formas.
O WHATWG tem mantido o foco para manter a retrocompatibilidade. Nenhum site dever ter de ser refeito totalmente para se adequar aos novos conceitos e regras. O HTML5 est sendo
criado para que seja compatvel com os browsers recentes, possibilitando a utilizao das novas caractersticas imediatamente.
- cabealho da pgina ou de uma seo (no confundir com a tag);
- cada seo do contedo;
- um item do contedo dentro da pgina ou da seo;
- o rodap da pgina ou de uma seo;
- o conjunto de links que formam a navegao, seja o menu principal do site ou links relacionados ao contedo da pgina;
- contedo relacionado ao artigo (como arquivos e posts relacionados em um blog, por exemplo).

O Velho HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

O Velho HTML

Uploaded by

Copyright:

Available Formats

O VELHO HTML Antes de comearmos importante no se esquecer do HTML (acrnimo para a expresso inglesa HyperText Markup Language, que

A estrutura de um documento HTML apresenta os seguintes componentes:

Dentro do cabealho podemos encontrar os seguintes comandos:

* <style>: define formatao em CSS.

- cabealho da pgina ou de uma seo (no confundir com a tag);

- cada seo do contedo;

- um item do contedo dentro da pgina ou da seo;

- o rodap da pgina ou de uma seo;

You might also like