Scribd Logo
Upload

Welcome to Scribd!

  • 2.1 - Linguagem HTML - Introdução

    Uploaded by

    Jesica Bampi
    7 views10 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views10 pages

    2.1 - Linguagem HTML - Introdução

    Uploaded by

    Jesica Bampi

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 10

    Páginas HTML e CSS

    Prof. Rommel Carneiro

    1
    Linguagem HTML
    O que é HTML?
    HTML ou HyperText Markup Language é a linguagem de marcação, baseada em tags (ou marcas),
    utilizada para produção de documentos ou páginas Web, no formato de hipertextos, que são
    interpretados pelos Navegadores.

    Os hipertextos são documentos que utilizam hiperlinks para outros documentos relacionados,
    daí o nome Web (teia).

    Observação: A linguagem HTML foi inicialmente uma aplicação do


    padrão SGML (Standard Generalized Markup Language), utilizado
    para definir linguagens de marcação. Na versão 5, isto foi abandonado.

    2
    HTML – A base de tudo PHP

    Java

    (GET | POST | HEAD | etc)


    Python
    Browser HTTP Servidor
    ASP.NET
    HTML
    Ruby

    RIA
    CSS JavaScript
    (Rich Internet Applications)

    Adobe
    Applet Java Adobe Air Adobe Flex SilverLight
    Flash

    3
    HTML – Estrutura do Documento HTML

    <!DOCTYPE html> versão html


    <html>
    <head>

    cabeçalho
    <meta name="author" content="Rommel">

    documento
    </head>
    <body>
    <h1> título </h1>

    corpo
    <p> parágrafo </p>
    </body>
    </html>

    elementos → <tag> [conteúdo] </tag> atributos → nome=“valor”


    4
    HTML e CSS – Como funciona
    page.html
    <html>
    <head>
    <title>Site</title>

    </head>
    <body>
    <h1>Page</h1>
    <p>Hello World!</p>
    </body>
    </html>

    5
    HTML e CSS – Como funciona
    page.html style.css
    body{
    <html> background-color:yellow;
    <head> color: blue;
    <title>Site</title> font-family: Arial;
    <link rel="stylesheet" href="style.css"> font-size: 20px;
    </head> }
    <body> h1 {
    <h1>Page</h1> color: red;
    <p>Hello World!</p> }
    </body>
    </html>

    6
    HTML e CSS – Como funciona
    Dinâmica de carga e processamento

    Fonte: Mozilla Developer Network - https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works

    7
    HTML e CSS – Como associar
    page.html style.css
    Nome do Elemento
    /* Associação pelo NOME DO ELEMENTO */
    h1 {
    ID do Elemento
    color: blue;
    }
    Classe do Elemento
    /* Associação pelo ID DO ELEMENTO */
    #tit_1 {
    ... font-size: 20px;
    }
    <h1 id="tit_1" class="noticias">
    Minha primeira página HTML /* Associação pela CLASSE DO ELEMENTO */
    </h1> .noticias {
    font-family: arial;
    ... }

    8
    Demonstração

    </>
    9
    Obrigado!

    10

    You might also like