Scribd Logo
Carica

Benvenuto in Scribd!

  • HTML Básico (Introdução)

    Caricato da

    Hans Paul Mösl Junior
    43 visualizzazioni4 pagine
    Definição básica da mais conhecida linguagem de marcação de texto da web bem como sua origem, evolução e funcionamento. Apenas uma introdução.

    Copyright

    © Attribution (BY)

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    Definição básica da mais conhecida linguagem de marcação de texto da web bem como sua origem, evolução e funcionamento. Apenas uma introdução.

    Copyright:

    Attribution (BY)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    43 visualizzazioni4 pagine

    HTML Básico (Introdução)

    Caricato da

    Hans Paul Mösl Junior
    Definição básica da mais conhecida linguagem de marcação de texto da web bem como sua origem, evolução e funcionamento. Apenas uma introdução.

    Copyright:

    Attribution (BY)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 4

    O que o HTML

    HTML a abreviao de HyperText Markup Language que significa: linguagem de marcao de


    hipertexto. Essa a linguagem usada na criao de documentos na rede mundial de computadores
    (World Wide Web).

    O cdigo HTML usado para definir a estrutura, aparncia* e funes* em uma pgina web. Isso
    feito por meio de marcadores (tags). Por exemplo, <p> em HTML signigica pargrafo. Ao acessar
    uma pgina com um navegador voc no v o HTML pois ele fica oculto, no entanto voc v o
    resultado da interpretao.

    Ps. O html mais usado para delimitar a estrutura de uma pgina enquanto que a aparncia costuma
    ficar a cargo de documentos de estilo (css) e as funes de interao de pgina fazem uso de
    Javascript (js).

    Origem do HTML

    Tim Berners-Lee criou o HTML 1.0 entre 1991-92. As pginas web naquela poca eram bem
    limitadas.

    Acima imagem do editor HTML NeXt. Esse foi o primeiro navegador Web criado (em junho de
    1993).
    Verses do HTML

    Com o passar dos anos a linguagem html evoluiu e assim surgiram novas verses. Surgiu assim a
    necessidade de declarar o tipo do HTML dentro do arquivo por meio do campo DOCTYPE.

    EX: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">


    A linha de exemplo mostrar como declarado um documento html verso 4.01.

    Verses do HTML ao longo dos anos


    HTML 1991
    HTML+ 1993
    HTML 2.0 1995
    HTML 3.2 1997
    HTML 4.01 1999
    XHTML 1.0 2000
    HTML 5 28 de outubro de 2014*

    *Essa a data de homologao do html5 pela W3C.


    O HTML5
    O HTML5 possui poderosas capacidades para o desenvolvimento de aplicaes baseadas na web.
    Ele d suporte a vdeo, grficos, mais efeitos de estilo e uma variada gama de API's. O HTML5
    adapta-se ainda a qualquer dispostivo seja ele um televisor, tablet, celular ou notebook. Por fim
    o HTML5 uma plataforma de licena de uso livre.
    Em conjunto com as recomendaes HTML5 vieram tecnologias novas tecnologias. So elas:
    CSS3, SVG, WOFF, e as Web APIs.
    CSS3 a nova gerao de recursos para folhas de estilo em cascata (CCS).
    SVG um formato de imagem vetorial (tambm chamado formato grfico).
    WOFF um formato para arquivos de fonte.
    Web API's So aplicaes integradas ao HTML5.

    Os maiores diferenciais do HTML5 para seus predecessores esto nos novos elementos a atributos.
    Antes de comear a nos aprofundar no HTML5 no entanto vamos abordar algumas bases da escrita
    em html.
    Escrevendo em HTML
    O documento HTML composto de uma declarao DOCTYPE e de elementos.
    A declarao utilizada para informar qual a verso do html em uso. Em HTML5 a declarao
    bastante simples.
    <!DOCTYPE html>

    Elementos HTML
    Um elemento html composto de um par de marcadores e (na maioria dos casos) de um contedo.
    Veja o exemplo.
    <p>isso um pargrafo</p>

    No caso acima temos o elemento pargrafo que composto de dois marcadores (um de abertura e
    outro de fechamento) e de um contedo.
    Todo elemento pode ser modificado por meio da incluso de atributos acompanhados de seus
    respectivos valores. Veja um exemplo.
    <p align=center>isso um pargrafo centralizado</p>

    O elemento acima recebeu um atributo align com valor center. O pargrafo aparecer na pgina
    web centralizado.

    Elementos principais: html, head e body


    <html></html> definem respectivamente o incio e fim do documento.
    <head> o elemento que rene metadados da pgina (seu contedo no exibido em tela).
    <body> o elemento que rene todo contedo que dever ser exposto para o usurio.
    EX:
    <!DOCTYPE html>
    <html lang="pt-BR">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Teste</title>
    </head>
    <body>
    <h1>Ol!</h1>
    </body>
    </html>

    No exemplo acima temos uma pgina html bastante bsica. Inserimos o atributo lang no elemento
    html para informar o idioma da pgina. No head temos dois metadados. O meta charset para
    informar a famlia de caracteres usada na pgina (utf-8 o padro institudo), o meta viewport para
    editar o comportamento que a pgina ter de acordo com a tela do usurio (til para layout
    responsivo) eo title para dar um ttulo a pgina. No body temos apenas o elemento h1 que usado
    para apresentar cabealhos.
    No HTML quando inserimos um elemento dentro de outro estamos fazendo uma identao. No
    exemplo acima isso aconteceu vrias vezes. h1 est dentro de body que por sua vez est dentro de
    html. Para deixar isso claro no cdigo fonte da pgina so includos espaos nos elementos.

    Glossrio
    W3C (World Wide Web Consortium) uma entidade sem fins luctrativos fundada por Tim Berns
    Lee em 1994 com a inteno de garantir a abertura, acessibilidade e liberdade da rede mundial de
    computadores de um ponto de vista tcnico. Sua principal tarefa criar protocolos e recomendaes
    para assegurar o cresicmento da Web em longo prazo.
    Tim Berns Lee: o 'pai' da Internet. Sua pesquisa publicada em 1989 deu origem ao termo Rede
    mundial de computadores (world wide web). Ele tambm foi o criador do primeiro navegador,
    servidor e pgina web. Ele tambm escreveu as especificaes para a triade: URLs, HTTP e HTML.
    URL (Uniform Resource Locator): em portugus conhecido por Localizador Padro de
    Recursos o URL o endereo de um recurso disponvel em uma rede, seja a rede internet ou
    intranet. O endereo web de um site uma url (http://meusite.com.br).
    HTTTP (Hypertext Transfer Protocol): em portugus Protocolo de Transferncia de Hipertexto,
    um protocolo de comunicao (na camada de aplicao segundo o Modelo OSI) utilizado para
    sistemas de informao de hipermdia, distribudos e colaborativos. Ele a base para a comunicao
    de dados da World Wide Web.
    HTML (HyperText Markup Language): em portugus Linguagem de Marcao de Hipertexto o
    HMTL uma linguagem de marcao utilizada na construo de pginas na Web.

    Potrebbero piacerti anche