Codificações basicas em HTML e XML
- 1. CODIFICAÇÕES BÁSICAS HTML e XML Carolina Nunes Felipe Lamarão Gladson Brendo Hyago Cavalcante Renan Augusto
- 2. HTML O documento HTML sempre inicia com o que chamamos de estrutura básica. Esta estrutura é quase que imutável. Sempre será dessa forma e você sempre, sempre começará seu HTML começando por esse código. Geralmente os editores como o Sublime Text já tem atalhos para iniciar os documentos HTMLs com essa estrutura, logo, você não precisa se preocupar em decorá-la, mas é bom que faça.
- 3. <!DOCTYPE html> <html lang="pt-br"> <head> <title>Título da página</title> <meta charset="utf-8"> </head> <body> Aqui vai o código HTML que fará seu site aparecer. </body> </html> É possível compreender o documento em HTML de uma maneira muito simples, através de uma divisão de blocos das tags essenciais, conforme a seguinte estrutura: Definição do documento (doctype) Cabeça (head) Corpo (body) VEJA COMO ELA SE INICIA:
- 4. DOCTYPE - DEFININDO O DOCUMENTO Uma coisa importante: SEMPRE deve existir o doctype, que é este código <!DOCTYPE html>. O doctype não é uma tag HTML, mas uma instrução para o navegador e outros programas que podem ler seu site. O código encontrado é um código HTML. Assim eles sabem o que fazer para mostrar seu site da melhor forma possível. Lembre-se: o doctype é OBRIGATÓRIO e deve ser sempre a PRIMEIRA LINHA do seu documento.
- 5. HEAD Contém informações que não são transpostas visivelmente para o usuário/leitor do documento. São dados implícitos, de uso e controle do documento: vinculação com outros arquivos, aplicação de lógica de programação de scripts e metadados. Na prática, todo o conteúdo do cabeçalho fica delimitado entre a abertura e fechamento tag head.
- 6. BODY Trata-se do documento em si, ou seja, a informação legível para o usuário/leitor do documento. É todo e qualquer texto que se deseja apresentar, assim como toda e qualquer forma de mídia de saída (imagens, sons, mini aplicativos embutidos, conteúdo multimídia, etc). Além disso, toda a apresentação de entrada de dados (formulários) também se aplica neste seção do documento. Na prática, o corpo do documento é delimitado pelo par de tags <body> e </body>.
- 7. XML É uma linguagem designada para descrever e estruturar informações. Como uma linguagem de marcação, o XML se assemelha com a linguagem HTML, possuindo marcações para descrever dados. Porém, estas marcações não são pré- definidas na linguagem, tornando possível a criação de marcações de acordo com necessidades específicas.
- 8. HTML X XML HTML (HyperText Markup Language) – Descreve aparência e ações. XML (Extensible Markup Language) – Descreve a representação de algo.
- 9. HTML XML
- 10. XML permite criar qualquer marca que você precisa descrever seus dados e a estrutura dos dados. Por exemplo, digamos que você precisa armazenar e compartilhar informações sobre animais. Você pode criar o seguinte código XML: HTML X XML
- 12. Você pode ver que marcas XML possibilitam saber exatamente que tipo de dados que você está analisando. Por exemplo, você sabe dados sobre um animal, e você pode localizar facilmente o animal nome, idade e assim por diante. A capacidade de criar tags que definem quase qualquer estrutura de dados é o que torna o XML "extensível". Mas não confunda as marcas desse código de exemplo com marcas em um arquivo HTML. Por exemplo, se você cola essa estrutura XML em um arquivo HTML e exibir o arquivo no seu navegador, os resultados serão algo parecido com isto: Zeus Rottweiler 6 Real Madrid O navegador ignora as marcas XML e exibe apenas os dados. HTML X XML