HTML

HTML/XML

O que é ?

• HTML é uma linguagem para descrever as páginas web.
• HTML significa Hyper Text Markup Language;
• HTML não é uma linguagem de programação, é uma linguagem de marcação;
• A linguagem de marcação é um conjunto de tags de marcação;
• HTML usa etiquetas de marcação para descrever as páginas da web;
• XML, é uma linguagem de marcação
• XML significa eXtensible Markup Language;
• Classificada como extensível porque permite definir os elementos de marcação.
• Recomendada pela W3C para a criação de documentos com dados organizados hierarquicamente, tais como textos, banco de dados ou desenhos vetoriais.

Como funciona

• – Linguagem de Formatação de Hipertexto. Usada para exibir conteúdo formatado num cliente web (navegador) e também para interagir com sistemas baseadas na web
• – Objetivos:
• – Riqueza;
• – Simplicidade;
• – Acessibilidade e independência de plataforma.
• – Baseado no conceito de Hipertexto (conjunto debelementos ou nós ligados por conexões)
• Separação do conteúdo da formatação
• Simplicidade e legibilidade, tanto para humanos quanto para computadores
• Possibilidade de criação de tags sem limitação
• Criação de arquivos para validação de estrutura (chamados DTDs)
• Interligação de bancos de dados distintos
• Concentração na estrutura da informação, e não na sua aparência

Histórico

• 1997: HTML 4
• 2004: Começou a ser desenvolvido HTML 5 -> Objetivo do HTML 5 é facilitar a manipulação do elemento possibilitando o desenvolvedor a modificar as características dos objetos de forma não intrusiva e de maneira que seja transparente para o usuário final.
• •
• 1990: World Wide Web Consortium (W3C) começou a trabalhar em uma linguagem de marcação que combinasse a flexibilidade da SGML com a simplicidade da HTML.
• 2008: Lançada em 28 de novembro sua última versão

Tipos de licenciamento

• Windows
• Codeacademy : Gratuito
• Codeschool: Gratuito
• Tuts+: Gratuito
• Eclipse : Gratuito
• Linux:
• Aptana Studio : Gratuito
• Ambos:
• BlueFish: Gratuito
• BlueGriffon: Gratuito
• Windows
• Oxygen : Gratuito
• Notepad++ :Gratuito
• Linux:
• Gedit : Gratuito
• Geany :Gratuito

VERSÕES

• HTML 2.0
• HTML 3.2,
• HTML 4.0
• HTML 4.01
• HTML 5

INTERFACE HTML

INTERFACE XML

EXEMPLO XML

• <?xml version="1.0" encoding="ISO-8859-1"?>
• <receita nome="pão" tempo_de_preparo="5 minutos" tempo_de_cozimento="1 hora">
• <titulo> Pão simples</titulo>
• <ingredientes>
• <ingrediente quantidade="3" unidade="xícaras">Farinha</ingrediente>
• <ingrediente quantidade="7" unidade="gramas">Fermento</ingrediente>
• <ingrediente quantidade="1.5" unidade="xícaras" estado="morna">Água</ingrediente>
• <ingrediente quantidade="1" unidade="colheres de chá">Sal</ingrediente>
• </ingredientes>
• <instrucoes>
• <passo>Misture todos os ingredientes, e dissolva bem.</passo>
• <passo>Cubra com um pano e deixe por uma hora em um local morno.</passo>
• <passo>Misture novamente, coloque numa bandeja e asse num forno.</passo>
• </instrucoes>
• </receita>

EXEMPLO HMTL

• <head>
• <meta charset="utf-8">
• </head>
• <body>
• <h1> Leticia Flavia da Silva Dias </h1>
• <h2> Bem vinda querida professora! </h2>
• <h3> Venha conhecer um pouco mais sobre mim </h3>
• <p> Como voce ja deve ter visto no titulo da pagina, meu nome completo e <strong> Leticia Flavia da Silva Dias </strong>.
• <p>Tenho <strong> 17 anos </strong>, sou <strong> libirana</strong> (<em> nao que isso importe </em>). Estudo no </strong> Instituto Federal de Brasilia</strong>, estou cursando o 3 ano do ensino medio integrado ao curso de tecnico de informatica.
• <p> E como o IF acaba com <em> qualquer estudante</em>, tenho que ter meus momentos de lazer. E eu os aproveito, na maioria das vezes:
• <ul>
• https://umsitequaluqer.com.br" > Dancando ;
• <li> Com minha familia e amigos e </li>
• https://umsitequaluqer2.com.br" > Vendo Series .
• </ul>
• </body>