Baixe Curso de XHTML e outras Notas de estudo em PDF para Análise de Sistemas de Engenharia, somente na Docsity!
___________________________________________ Profa. Gilene Borges Gomes ___
MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um
documento. Tags de blocos: , , ,
, , .
Conceitos básicos do funcionamento da Internet
Internet = Inter national Net (Rede Mundial)
Funcionamento = as informações são colocadas em computadores centrais chamados servidores web e a partir deles, as informações são acessíveis a partir de qualquer computador que contenha software e o hardware adequados.
Possui três elementos, três tecnologias:
- HTML ( HyperText Markup Language ) – é a linguagem usada na autoria de páginas destinadas à Internet.
- HTTP ( HyperText Transfer Protocol ) – é o protocolo de transferência de arquivos hipertexto e o mais comumente usado na Internet. Ex.: http://www.gomeshp.com/
o FTP ( File Transfer Protocol ) – é o protocolo para transferência de arquivos.
- Browser ou navegador web ou navegador – é um programa que habilita seus usuários a interagirem com documentos HTML hospedados em um servidor web. Ex.: Internet Explorer (IE ou MSIE), Mozilla, Firefox, Opera, Netscape Navigator e Safari (para Mac OS).
___________________________________________ Profa. Gilene Borges Gomes ___
URL
- URL – Uniform Resource Locator – Localizador Uniforme de Recursos;
- DNS – Domain Name Service – Serviço de Nome de Domínio; o Traduz a URL para o número IP da máquina;
protocolo serviço domínio atividade pais
http:// www. bb. com. br
http:// www. gomeshp. com
http:// www. unb. br
http:// www. bbc. co. uk
HTML
- HTML - H yper T ext M arkup L anguage - Linguagem de Marcação de Hipertexto 1 ;
- Baseada em tags;
- Desenvolvido por Tim Berners-Lee;
- É um simples arquivo texto com a extensão .htm 2 ou .html ;
- Desenvolvimento simples = editor de texto + browser ;
- Editores que auxiliam no trabalho: DreamWeaver ;
- Última versão é a 4.01 => evolução para o XHTML;
- Problemas da HTML: o Exibição em outras plataformas: usar marcação somente para descrever o conteúdo, e não para orientar exibição; o Código desnecessário: **** ; o Elementos incluídos por fabricantes de browser : Cada empresa (IE, NS) incluiu seus próprios elementos à HTML Æ dificultou a criação de um documento que seja exibido corretamente em diferentes browsers.
XML
- XML - Extensible Markup Language ;
- Permite a criação de marcação padronizada, fazendo a separação entre marcação e exibição;
- Descrever o conteúdo de um documento, e não como ele deve ser exibido.
(^1) Hipertexto é um sistema para a visualização de informação cujos documentos contêm referências internas
para outros documentos (chamadas de hiperlinks ou, simplesmente, links ), e para a fácil publicação, atualização e pesquisa de informação. 2 A extensão .htm ainda é usada, por causa da herança dos tempos (pré-históricos no que diz respeito à Internet) do MS DOS e do Windows de 16 bits, em que os nomes dos ficheiros tinham no máximo 8 caracteres e as suas extensões não podiam ter mais de 3 caracteres. Deve-se utilizar, então, a extensão .html.
___________________________________________ Profa. Gilene Borges Gomes ___
Tags
- São as palavras usadas para representar os elementos em HTML;
- As etiquetas de markup dão instruções ao browser sobre a estrutura do documento e sobre forma como a página deve ser apresentada graficamente;
- Devem ser escritas em letras minúsculas; (XHTML é case-sensitive );
- Todas devem ser fechadas;
- A última tag aberta deve ser a primeira a ser fechada; o
ERRADO
o CORRETO
- Tipos de tag: o Elementos que descrevem dados : formados por um par de tags; Negrito Clique aqui o Elementos vazios : formados por apenas uma tag;
- Atributos ou cláusulas de uma tag: o Pares: nome = "valor"; o Para fornecer mais informações^4 sobre o elemento; o Todos os valores de atributo devem ser declarados entre aspas, mesmo aqueles valores com caracteres numéricos; o Existem atributos obrigatórios e opcionais em um elemento; o Os atributos só podem aparecer nas etiquetas de início. É proibido colocar atributos nas etiquetas de fim.
As diferenças entre XHTML e HTML
As principais diferenças são:
- todas as tags devem ser escritas em letras minúsculas;
- os elementos (tags) devem estar convenientemente aninhados;
- o uso de tags de fechamento é obrigatório;
- elementos vazios devem ser fechados; ex:
; - diferenças para os atributos.
W3C
- World Wide Web Consortium ( http://www.w3c.org );
- Tim Berners-Lee (diretor e fundador);
- Responsável pelo desenvolvimento, implantação e regulamentação (padronização) das linguagens pertinentes à Internet;
- Código nos padrões exigidos pela W3C => compatível com a maioria dos browser disponíveis no mercado.
(^4) Geralmente chamado de metadados , pois são usadas para referenciar os dados contidos no documento.
___________________________________________ Profa. Gilene Borges Gomes ___
Estrutura de um documento
- **** - (opcional, mas recomendada) – indica ao processador que ele está tratando um documento XML e opcionalmente sobre o tipo de codificação utilizada; se for utilizada, deve estar antes da tag ; o ****
- **** - (obrigatório) – para inclusão de uma DTD; deve aparecer na primeira linha de cada documento; o **** o **** o ****
- **** - (obrigatório) - informar ao browser o tipo de documento que ele deve exibir; usadas no início e no fim do documento respectivamente; possui um atributo obrigatório, o xmlns , que tem por função referenciar um namespace^5 XML; o ****
- **** - (obrigatório) – delimita a seção de cabeçalho do documento; carrega informações sobre o documento, tais como: título da página, as palavras- chaves que serão usadas pelos sistemas de busca, informações sobre o autor da página, etc;
o **** - (obrigatório) - título da página; que aparece na barra de títulos da janela do browser ;
- **** - (obrigatório) - representam o corpo do documento, ou seja, o que é visível na janela do browser.
o **** -
- São cores básicas: black, maroon, green, olive, navy, purple, teal, gray, silver, red, lime, yellow, blue, fuchsia, aqua, white.
o **** -
# FF FF FF
B – Blue ( Azul ) G – Green ( Verde ) R – Red ( Vermelho )
(^5) Namespace é o conjunto de nomes de elementos, seus atributos e a forma como devem ser utilizados em
uma linguagem de marcação. É possível o uso de mais de um namespace no mesmo documento. Ex: XHTML e MathML.
