Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML

    Enviado por

    dianaluz92
    5 visualizações18 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    5 visualizações18 páginas

    HTML

    Enviado por

    dianaluz92

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 18

    HTML

    História
    WWW (WORLD WIDE WEB)?
     WWW consiste numa Biblioteca Eletrônica em escala
    mundial , com documentos na forma de hipertexto.
     Padrão esses documentos possuem informações
    digitalizadas com referências a outras informações
    em bases espalhadas pelo mundo.
    HISTÓRIA
     Tim Berners-Lee invented www 1989
     Tim Berners-Lee invented HTML 1991

     Dave Raggett drafted HTML+ 1993


     HTML Working Group defined HTML 2.0 1995

     W3C Recommended HTML 3.2 1997

     W3C Recommended HTML 4.01 1999

     W3C Recommended XHTML 1.0 2000

     HTML5 WHATWG First Public Draft 2008

     HTML5 WHATWG Living Standard 2012

     HTML5 W3C Final Recommendation 2014


     Tim Berners-Lee inventou a "World Wide Web", em
    1989, e a Internet decolou na década de 1990.
     De 1991 a 1998, HTML desenvolvido a partir da versão
    1 para a versão 4.
     Em 2000, o World Wide Web Consortium (W3C)
    recomenda XHTML 1.0.
    A sintaxe XHTML era rigoroso, e os desenvolvedores
    foram forçados a escrever válido e código "bem
    formado".
     Em 2004, o WHATWG (Web Hypertext Application
    Technology Group Trabalho) surgiu em junho de 20041
    com o intuito de acelerar o lento avanço dos padrões da
    Web, também é responsável por mantê-los atualizados,
    de forma que todos os usuários possam navegar
    independente das suas necessidades especiais ou browser
    utilizado.
     O W3C possui diversos comitês que estudam as
    tecnologias existentes para a apresentação de conteúdo
    na Internet e criam padrões de recomendação para
    utilizar essas tecnologias. Com a padronização, os
    programas conseguem acessar facilmente os códigos e
    entender onde deve ser aplicado cada conhecimento
    expresso no documento.
     HTML é uma abreviação de Hypertext Markup Language -
    Linguagem de Marcação de Hypertexto. Resumindo em uma
    frase: o HTML é uma linguagem para publicação de
    conteúdo (texto, imagem, vídeo, áudio e etc) na Web. O
    HTML é baseado no conceito de Hipertexto. Hipertexto são
    conjuntos de elementos – ou nós – ligados por conexões.
    Estes elementos podem ser palavras, imagens, vídeos, áudio,
    documentos etc. Estes elementos conectados formam uma
    grande rede de informação. Eles não estão conectados
    linearmente como se fossem textos de um livro, onde um
    assunto é ligado ao outro seguidamente. A conexão feita em
    um hipertexto é algo imprevisto que permite a comunicação
    de dados, organizando conhecimentos e guardando
    informações relacionadas.
    Para distribuir informação de uma maneira global, é
    necessário haver uma linguagem que seja entendida
    universalmente por diversos meios de acesso. O HTML
    se propõe a ser esta linguagem.
     Desenvolvido originalmente por Tim Berners-Lee o
    HTML ganhou popularidade quando o Mosaic - browser
    desenvolvido por Marc Andreessen na década de 1990 -
    ganhou força. A partir daí, desenvolvedores e fabricantes
    de browsers utilizaram o HTML como base,
    compartilhando as mesmas convenções .
    HTML 5
     VISÃO GERAL DO HTML5 De acordo com o W3C a
    Web é baseada em 3 pilares:
    •Um esquema de nomes para localização de fontes de
    informação na Web, esse esquema chama-se
    Url(Uniform Resource Locator).
    • Um Protocolo de acesso para acessar estas fontes, hoje o
    HTTP.
    • Uma linguagem de Hypertexto, para a fácil navegação
    entre as fontes de informação: o HTML. Vamos nos
    focar no terceiro pilar, o HTML.
    DIFERENÇA EM HTML E HTML5
     Quando se começa um documento HTML, a primeira
    coisa com a qual nos deparamos é a declaração
    DOCTYPE. Analise a que usamos nos documentos
    atuais:

    <html PUBLIC “-//W3C//


    DTD XHTML 1.0 Transitional//EN” “http://
    www.w3.org/TR/xhtml1>
    NA VERSÃO 5, BASTA APENAS COLOCAR:

    <!DOCTYPE html>

     E já está feita a sua declaração DOCTYPE. Legal, não?


    Em geral, o inicio de um documento HTML 5 ficou
    muito simplificado, facilitando a nossa vida e não
    precisando decorar tudo aquilo que as versões anteriores
    pedem. Exemplo:

    <!DOCTYPE html>
    <html lang=”pt-br”>
    <meta charset=”UTF-8 />
    ESTRUTURA BÁSICA, DOCTYPE E CHARSETS

     A estrutura básica do HTML5 continua sendo a mesma das versões


    anteriores da linguagem, há apenas uma excessão na escrita do
    Doctype. Segue abaixo como a estrutura básica pode ser seguida:
    Arquivo: exemplos/3/estruturabasica.html

    <!DOCTYPE html>
    <html lang=”pt-br”>
    <head>
    <meta charset="UTF-8">
    <title>Title of the document</title>
    </head>

    <body>
    Content of the document......
    </body>
    </html>
     O Doctype O Doctype deve ser a primeira linha de
    código do documento antes da tag HTML. O Doctype
    indica para o navegador e para outros meios qual a
    especificação de código utilizar. Em versões anteriores,
    era necessário referenciar o DTD diretamente no código
    do Doctype. Com o HTML5, a referência por qual DTD
    utilizar é responsabilidade do Browser. O Doctype não é
    uma tag do HTML, mas uma instrução para que o
    browser tenha informações sobre qual versão de código a
    marcação foi escrita.
    O ELEMENTO HTML

     O código HTML é uma série de elementos em árvore


    onde alguns elementos são filhos de outros e assim por
    diante. O elemento principal dessa grande árvore é
    sempre a tag HTML.
    lang=”pt-br”
     O atributo LANG é necessário para que os user-agents
    saibam qual a linguagem principal do documento.
    Lembre-se que o atributo LANG não é restrito ao
    elemento HTML, ele pode ser utilizado em qualquer
    outro elemento para indicar o idioma do texto
    representado
    HEAD

     A Tag HEAD é onde fica toda a parte inteligente da


    página. No HEAD ficam os metadados. Metadados são
    informações sobre a página e o conteúdo ali publicado.
    <meta charset="UTF-8">
     No nosso exemplo há uma metatag responsável por
    chavear qual tabela de caractéres a página está
    utilizando.
     Nas versões anteriores ao HTML5, essa tag era escrita da
    forma abaixo:

    <meta http-equiv = "Content-Type" conteúdo = "text /


    html; charset = utf-8" >
     Essa forma antiga será também suportada no HTML5.
    Contudo, é melhor que você utilize a nova forma. A Web
    é acessada por pessoas do mundo inteiro. Ter um sistema
    ou um site que limite o acesso e pessoas de outros países
    é algo que vai contra a tradição e os ideais da internet.
    Por isso, foi criado uma tabela que suprisse essas
    necessidades, essa tabela se chama Unicode. A tabela
    Unicode suporta algo em torno de um milhão de
    caracteres. Ao invés de cada região ter sua tabela de
    caracteres, é muito mais sensato haver uma tabela
    padrão com o maior número de caracteres possí- vel.
    Atualmente a maioria dos sistemas e browsers utilizados
    por usuários suportam plenamente Unicode
    TAG LINK

     Há dois tipos de links no HTML: a tag A, que são links que


    levam o usuário para outros documentos e a tag LINK, que são
    links para fontes externas que serão usadas no documento.
    No nosso exemplo há uma tag LINK que importa o CSS para nossa
    página:
    < link rel = "stylesheet" tipo = "text / css" href = "default.css" />

     O atributo rel=”stylesheet” indica que aquele link é relativo a


    importação de um arquivo referente a folhas de estilo. Há outros
    valores para o atributo REL, como por exemplo o ALTERNATE:

    <link rel = "alternate" type = "application / atom + xml" href =


    "data.xml">
    REFERÊNCIAS

    http://www.oficinadanet.com.br/artigo/html/introducao-a-p
    rogramacao-do-html-5
    http://
    www.w3c.br/pub/Cursos/CursoHTML5/html-web.pdf
    http://www.w3schools.com/html/html5_intro.asp

    Você também pode gostar