Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • ANOTAÇÕES Padroes Web

    Enviado por

    gabrielsalvatore165
    8 visualizações4 páginas

    Título original

    ANOTAÇÕES padroes web

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    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 PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    8 visualizações4 páginas

    ANOTAÇÕES Padroes Web

    Enviado por

    gabrielsalvatore165

    Direitos autorais:

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

    ANOTAÇÕES - PADRÕES WEB

    Arquitetura básica de aplicação web


    • Cliente
    • Servidor
    • Protocolo http
    • Redes de computadores

    Padrões Web – camadas


    • Html - Estrutura
    • Css - Aparência
    • Javascript - Interatividade
    O que é Html?
    • Linguagem de marcação de hipertexto, (hypertext markup language).
    • Ela serve para estruturar o conteúdo de uma página web.
    • Ela não é considera uma linguagem de programação, apenas de
    marcação.

    Estrutura básica do Html:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset =”UTF-8”>

    <title>Document</title>

    </head>

    <body>

    <H1>Padrões Web</h1>

    </body>

    </html>
    Elementos
    • Tag de abertura
    • Tag de fechamento
    • Conteúdo
    Exemplo: <h1>Padrões Web</h1>

    Atributos

    • Os atributos são palavras reservadas da linguagem que podemos usar


    dentro da tag para alterar seu comportamento
    Exemplo: <h1 style=”color: red ;” > Padrões Web </h1>

    Elemento vazio

    • Há elementos que não possuem tag de fechamento, nem conteúdo. Um


    elemento assim é chamado de elemento vazio.
    Exemplo: <img src="nome-arquivo.png" />

    CSS

    O que é Css?
    • Folha de estilo em cascata, (Cascading Style Sheets).
    • Essa linguagem é usada para estilizar a página. Ela possibilita
    alterações de cores, tamanho e estilo das letras, posicionamento de
    elementos, entre várias outras possibilidades de estilização.
    • Assim como o Html, o css também não é considerado uma linguagem de
    programação, apenas de estilização.
    Maneiras de usar o css:

    1. Inline
    • É quando declaramos a propriedade css direto na tag.

    Exemplo: <h1 style=”color: blue;”> </h1>

    2. Interno
    • É quando utilizamos as propriedades css dentro da tag <Style> que é
    declarada entre o head.
    3. Externo
    • É quando criamos um arquivo separado do Html para manipularmos
    o css.

    Criar tabela:

    • table: tag que engloba toda a tabela


    • th: cria os títulos principais da tabela
    • tr: cria as linhas da tabela
    • td: cria as colunas da tabela

    • atributos usados na tabela:


    o colspan: mescla as colunas
    o rowspan: mescla as linhas

    colspan

    Código de
    exemplo:

    rowspan

    Você também pode gostar