HTML

Slide 1

HTML/XML

Slide 2

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.

Slide 3

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

Slide 4

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

Slide 5

Tipos de licenciamento

WindowsCodeacademy : GratuitoCodeschool: GratuitoTuts+: GratuitoEclipse : GratuitoLinux:Aptana Studio : GratuitoAmbos: BlueFish: GratuitoBlueGriffon: Gratuito

WindowsOxygen : GratuitoNotepad++ :GratuitoLinux:Gedit : GratuitoGeany :Gratuito

Slide 6

VERSÕES

HTML 2.0 HTML 3.2, HTML 4.0 HTML 4.01 HTML 5

Slide 7

INTERFACE HTML

Html Resource Sample (image/png)

Slide 8

INTERFACE XML

Schema Example (image/png)

Slide 9

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>

Slide 10

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>

Next up

Description

Resource summary