Scribd Logo
Importer

Bienvenue sur Scribd !

  • DPW 2017 UPQ (PM) Aula01

    Transféré par

    Eliseu Hairone
    52 vues13 pages

    Titre original

    DPW_2017_UPQ[PM]Aula01.pptx

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    52 vues13 pages

    DPW 2017 UPQ (PM) Aula01

    Transféré par

    Eliseu Hairone

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 13

    • Desenho e Programação Web é uma cadeira estritamente ligada ao

    Serviço de Internet que é uma rede de computadores conectados em toda


    a extensão do Globo Terrestre que oferece diversos serviços a seus
    usuários como podem ser o correio electrónico, o chat ou a web. Todos os
    serviços que a Internet oferece são realizados por milhares de
    computadores que estão permanentemente ligados e conectados à
    Internet, esperando que os usuários lhes solicitem os serviços e servindo-
    os uma vez solicitados. Como dissemos, há servidores para tudo, os que
    oferecem correio electrónico, outros tornam possíveis nossas conversas
    por chat, outros a transferência de arquivos ou a visita às páginas web e
    assim até completar a lista de serviços da Internet. Esta disciplina
    pretende dotar os estudantes de conhecimentos básicos sobre a criação
    de páginas HTMLHTML significa linguagem de marcação de hipertexto, e é
    o idioma mais utilizado para escrever páginas da Web.

    Prosperino Mbalame - 2017


    • O hipertexto refere-se à forma como as páginas da Web
    (documentos HTML) estão ligadas entre si. Assim, o link disponível
    em uma página da Web é chamado de hipertexto.
    • Como o próprio nome sugere, HTML é uma linguagem de
    marcação, o que significa que você usa o HTML para simplesmente
    "marcar" um documento de texto com tags que dizem a um
    navegador da Web como estruturá-lo para exibir.
    • Originalmente, o HTML foi desenvolvido com a intenção de definir a
    estrutura de documentos como cabeçalhos, parágrafos, listas e
    assim por diante para facilitar o compartilhamento de informações
    científicas entre pesquisadores.
    • Agora, o HTML está sendo amplamente utilizado para formatar
    páginas da web com a ajuda de diferentes tags disponíveis em
    linguagem HTML.

    Prosperino Mbalame - 2017


    • Na sua forma mais simples, o seguinte é um exemplo de um documento HT

    <! DOCTYPE html>


    <Html>

    <Head>
    <Title> Este é o título do documento </ title>
    </ Head>

    <Body>
    <H1> Este é um título </ h1>
    <P> O conteúdo do documento vai aqui ..... </ p>
    </ Body>

    </ Html>ML

    Prosperino Mbalame - 2017


    Prosperino Mbalame - 2017
    • Como foi dito anteriormente, o HTML é uma
    linguagem de marcação e faz uso de várias
    tags para formatar o conteúdo. Essas
    etiquetas são incluídas dentro de chavetas
    <Nome da etiqueta>. Excepto poucas
    etiquetas, a maioria das tags possui suas
    correspondentes tags de fechamento. Por
    exemplo, <html> tem sua tag de fechamento
    </ html> e a tag <body> tem sua tag de
    fechamento </ body>, etc.
    Prosperino Mbalame - 2017
    Ordem Tag e Descrição

    1 <! DOCTYPE ...>


    Esta etiqueta define o tipo de documento e a versão HTML.

    2 <html>
    Esta etiqueta inclui o documento HTML completo e é composto principalmente de cabeçalho de documento que é
    representado por <head> ... </ head> e corpo de documento que é representado por tags <body> ... </ body>.
    3 <head>
    Esta etiqueta representa o cabeçalho do documento que pode manter outras tags HTML como <title>, <link> etc.
    <title>
    4 A marca <title> é usada dentro da tag <head> para mencionar o título do documento.
    5 <body>
    Esta etiqueta representa o corpo do documento que mantém outras tags HTML como <h1>, <div>, <p> etc.
    6 <h1>
    Esta etiqueta representa o título.
    7 <p>
    Esta etiqueta representa um parágrafo.

    Prosperino Mbalame - 2017


    • Para aprender HTML, você precisará estudar
    várias etiquetas/tags e entender como elas se
    comportam, ao formatar um documento textual.
    Aprender HTML é simples, pois os usuários
    precisam aprender o uso de diferentes tags para
    formatar o texto ou as imagens para criar uma
    página bonita.
    • World Wide Web Consortium (W3C) recomenda
    o uso de letras minúsculas a partir do HTML 4.

    Prosperino Mbalame - 2017


    <html>

    <head>
    Etiquetas ou tags relacionadas ao cabeçalho do
    documento
    </head>

    <body>
    Etiquetas ou tags relacionadas com o corpo do documento
    </body>

    </html>
    Prosperino Mbalame - 2017
    • A etiqueta/tag de declaração <! DOCTYPE> é
    usada pelo navegador da Web para entender a
    versão do HTML usado no documento. A versão
    atual do HTML é 5 e faz uso da seguinte
    declaração -
    <! DOCTYPE html>
    • Existem muitos outros tipos de declaração que
    podem ser usados no documento HTML
    dependendo da versão do HTML que está sendo
    usada. Veremos mais detalhes sobre isso ao
    discutir <! DOCTYPE ...> com outras tags HTML.

    Prosperino Mbalame - 2017


    • Faça um teste individual de todas
    etiquetas/tags aprendidas descrita acima.

    Prosperino Mbalame - 2017


    • www.tutorialspoint.com/html

    Prosperino Mbalame - 2017


    Prosperino Mbalame - 2017

    Vous aimerez peut-être aussi