Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Explicação Dos Comandos

    Enviado por

    dogreis
    17 visualizações8 páginas
    comando

    Título original

    Explicação dos Comandos

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    comando

    Direitos autorais:

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

    Explicação Dos Comandos

    Enviado por

    dogreis
    comando

    Direitos autorais:

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

    Explicação dos Comandos

    <!DOCTYPE HTML> INDICA QUE É UM DOCUMENTO HTML5


    <HTML> DEFINE O INICIO DE UM DOCUMENTO HTML E INDICA
    AO NAVEGADOR QUE TODO CONTEÚDO POSTERIOR DEVE SER
    TRATADO COMO UMA SÉRIE DE CÓDIGOS <HTML>
    <TITLE> DEFINE O NOME QUE APARECE NA BARRA DE TÍTULO
    <META> define qualquer informação de metadados que não podem ser
    definidos por outros elementos HTML.
    <HEAD>: DEFINE O CABEÇALHO DE UM DOCUMENTO HTML,
    QUE TRAZ INFORMAÇÕES SOBRE O DOCUMENTO QUE ESTÁ
    SENDO ABERTO.
    <BODY> DEFINE O CONTEÚDO PRINCIPAL, O CORPO DO
    DOCUMENTO. ESTÁ É A PARTE DO DOCUMENTO HTML QUE É
    EXIBIDA NO NAVEGADOR. NO CORPO PODE-SE DEFINIR
    PROPRIEDADES COMUNS A TODA PÁGINA COMO COR DE
    FUNDO, MARGNES E OUTRAS FORMATAÇÕES.

    <HTML>

    <HEAD>

    </HEAD>

    <BODY>

    </BODY>

    </HTML>

    <!-- --> SERVER PARA COLOCAR COMENTARIOS NA SUA


    PÁGINA.

    1
    é um container genérico para conteúdo de fluxo, que de certa forma não
    representa nada. Ele pode ser utilizado para agrupar elementos para fins de
    estilos (usando class ou id), ou porque eles compartilham valores de
    atributos, como lang. Ele deve ser utilizado somente quando não tiver outro
    elemento de semântica (tal como <article> ou <nav>).
    <h1>, <h2>, <h3>, <h4>, <h5>, <h6> : determinam títulos e subtítulos. O
    elemento <h1> define o título principal com fonte de tamanho maior. Já
    <h2>, <h3>, <h4>, <h5>, <h6> indicam títulos com tamanhos de fonte
    gradativamente menores.
    <iframe> é um código em HTML que permite que um elemento seja
    exibido dentro de outro elemento. Somente possível em páginas HTML, 
    permite incorporar documentos, vídeos e mídia interativa em uma
    página.
    <ul> (ou elemento HTML de Lista desordenada ) representa uma lista de
    itens sem ordem rígida, isto é, uma coleção de itens que não trazem uma
    ordenação numérica e as suas posições, nessa lista, são irrelevantes. ... Nota
    sobre a utilização: Ambos os elementos <ol> e <ul> representam uma lista
    de itens
    <footer> representa um rodapé para o seu sectioning content (conteúdo de
    seção) mais próximo ou sectioning root elemento (ou seja, seu parente mais
    próximo <article>, <aside>, <nav>, <section>, <blockquote>, <body>, <det
    ails>, <fieldset>, <figure>, <td> (en-US)). Normalmente um rodapé contém
    informações sobre o autor da seção de dados, direitos autorais ou links para
    documentos relacionados.

    <video> é utilizado para incorporar conteúdo de vídeo em um documento


    HTML ou XHTML.
    Atributos
    Como qualquer elemento HTML, este elemento suporta os global attributes.

    autoplay
    Um atributo Booleano; se especificado, o video vai ser executado
    assim que possível sem precisar de carregar todo o arquivo.

    Nota: Algumas versões do Chrome aceitam somente o autostart e não o


    autoplay

    2
    autobuffer  
    Um atributo Booleano; se especificado, o video vai começar a
    carregar automaticamente mesmo que não especificado para tocar
    automaticamente. Isso deve ser usado em casos que é esperado
    que o vídeo seja reproduzido (por exemplo, se o usuário acessa a
    página para assistir o vídeo, mas não se o vídeo estiver
    incorporado à pagina junto a outro conteúdo). O vídeo é carregado
    até que o cache de mídia.

    Nota de implementação: embora parte dos primeiros rascunhos


    das especificações do HTML5, o atributo autobuffer foi removido
    das últimas versões. Ele foi removido do Gecko 2.0 e outros
    navegadores, e nunca implementado em outros. A especificação
    define um novo atributo enumerado, preload, para substituir o
    atributo autobuffer, com sintaxe diferente. bug 548523

    buffered
    Um atributo que pode ser lido para determinar os intervalos do
    vídeo que já foram carregados. Este atributo contém um
    objeto TimeRanges (en-US).

    controls
    Se esse atributo estiver presente, o Gecko oferecerá controles para
    permitir o usuário controlar a reprodução do vídeo, incluindo
    volume, navegação, e pausa/continuação da reprodução.

    height
    A altura da área de exibição do vídeo, em pixels de CSS.

    loop
    Um atributo Booleano; se especificado, ao chegar no fim do
    vídeo, ele voltará automaticamente para o começo.

    muted
    Um atributo Booleano que indica a configuração padrão do áudio
    contido no vídeo. Se definido, o áudio vai começar mudo. Seu
    valor padrão é falso, significando que o áudio será reproduzido
    juntamente com o vídeo.

    3
    played
    Um objeto TimeRanges (en-US) indicando que todo o vídeo foi
    reproduzido.

    preload
    Esse atributo enumerado pretende dar uma sugestão ao navegador
    sobre o que o autor pensa que proporcionará uma melhor
    experiência do usuário. Ele pode ter os seguintes valores:

     none: indica que o usuário não necessitará consultar o vídeo


    ou que o servidor quer minimizar seu tráfego; em outros
    termos indica que o vídeo não deve ser pré-carregado.
     metadata: indica que embora o usuário não necessitará
    consultar o vídeo, pegar os meta-dados (ex: comprimento) é
    interessante.
     auto: indica que o usuário necessita ter prioridade; em
    outros termos isso indicou que, se necessário, o vídeo
    inteiro pode ser baixado, mesmo que não seja esperado a
    execução.
     a string vazia: é um sinônimo do valor auto.
    Se não definido, seu valor padrão será definido pelo navegador
    (isto é, cada navegador pode escolher seu valor padrão), embora a
    especificação recomenda que seja definido para o metadata.

    ource e é o código bruto antes da minificação ou concatenação ou alguma


    outra compilação - usada para ler / editar o código
    dist/ significa distribuição e é a versão reduzida / concatenada - realmente
    usada em sites de produção.

     <embed> incorpora conteúdo externo no ponto especificado no documento.


    Este conteúdo é fornecido por um aplicativo externo ou outra fonte de
    conteúdo interativo, como um plug-in de navegador.
    Com a introdução de HTML5 as tags de vídeo se espalharam rapidamente com um bom
    suporte de navegadores. Tags de vídeo são usadas para adicionar vídeo a página HTML.
    No momento HTML5 video tag, suporta três tipos de arquivos de vídeo:

     mp4 - MIME-type video/mp4


     webm - MIME-type video/webm
     ogg - MIME-type video/ogg

    4
    O que é CSS?

    CSS é chamado de linguagem Cascading Style Sheet e é usado para


    estilizar elementos escritos em uma linguagem de marcação
    como HTML. O CSS separa o conteúdo da representação visual do site.
    Pense  na decoração da sua página. Utilizando o CSS é possível alterar a
    cor do texto e do fundo, fonte e espaçamento entre parágrafos. Também
    pode criar tabelas, usar variações de layouts, ajustar imagens para suas
    respectivas telas e assim por diante.
    CSS foi desenvolvido pelo W3C (World Wide Web Consortium ) em
    1996, por uma razão bem simples. O HTML não foi projetado para ter
    tags que ajudariam a formatar a página. Você deveria apenas escrever a
    marcação para o site.
    Tags como <font> foram introduzidas na versão 3.2 do HTML e
    causaram muitos problemas para os desenvolvedores. Como os sites
    tinham diferentes fontes, cores e estilos, era um processo longo,
    doloroso e caro para reescrever o código. Assim, o CSS foi criado pelo
    W3C para resolver este problema.
    A relação entre HTML e CSS é bem forte. Como o HTML é uma
    linguagem de marcação (o alicerce de um site) e o CSS é focado no
    estilo (toda a estética de um site), eles andam juntos.
    CSS não é tecnicamente uma necessidade, mas provavelmente você não
    gostaria de olhar para um site que usa apenas HTML, pois isso pareceria
    completamente abandonado.

    Vantagens do CSS

    5
    A diferença entre um site que implementa CSS e outro que não o usa é
    gigantesca e notável.
    Você já deve ter visto um site que não carrega completamente ou tem
    um plano de fundo branco com texto azul e preto. Isso significa que a
    parte CSS do site não foi carregada corretamente ou não existe.
    E é assim que um site somente com HTML se parece. Acredito que você
    vai concordar comigo de que isso não é muito bonito, certo?
    Antes de usar CSS, toda a estilização tinha que ser incluída na marcação
    HTML. Isso significa que você deveria descrever separadamente todo o
    plano de fundo, as cores das fontes, os alinhamentos, etc.
    Mas o CSS permite que você estilize tudo em um arquivo diferente,
    criando assim o estilo separadamente. E, mais tarde, faça integração do
    arquivo CSS na parte superior da marcação HTML. Isso mantém a
    marcação HTML limpa e fácil de manter.

    Resumindo, com o CSS você não precisa mais escrever repetidamente


    como os elementos individuais se parecem. Isso economiza tempo,
    encurta o código e diminui a chance de erros.
    O CSS permite que você tenha vários estilos em uma página HTML,
    tornando as possibilidades de personalização quase infinitas. Hoje em
    dia, isso está se tornando mais uma necessidade do que um simples
    recurso.

    Todos os elementos <p> serão estilizados e serão coloridos de azul e


    negrito.
    <style>
    p{
    color: blue;
    text-weight: bold;

    6
    }
    <style>

    Comando CSS
    #{ Indica o inicio da programação que você explicara para o HTML como
    você quer que sua página apareça.
    margin do CSS define a área de margem nos quatro lados do elemento. É
    uma abreviação que define todas as margens individuais de uma só
    vez: margin-top , margin-right (en-US), margin-bottom , e margin-left
    (en-US).
    padding define uma a distância entre o conteúdo de um elemento e suas
    bordas. É um atalho que evita definir uma distância para cada lado
    separadamente ( padding-top , padding-right , padding-
    bottom , padding-left ).
    Font define o tamanho da fonte tipo de fonte
    CSS background é um atalho para definir os valores de fundo individuais
    em um único lugar na folha de estilo. ..
     width determina a largura da área de conteúdo de um elemento. A área de
    conteúdo fica dentro do preenchimento, da borda, e da margem de um
    elemento.
    height do CSS determina a altura da área do conteúdo de um elemento.
    margin do CSS define a área de margem nos quatro lados do elemento. É
    uma abreviação que define todas as margens individuais de uma só
    vez: margin-top , margin-right (en-US), margin-bottom , e margin-left
    (en-US)
    px é a unidade mágica das CSS. Ela não é relacionada ao tamanho da fonte
    atual nem a unidades absolutas. A unidade px é definida para ser pequena,
    mas visível, e tal como uma linha de 1px de largura, pode ser apresentada
    com "serrilhamento" (sem anti-aliasing).

    7
     line-height permite controlar o espaçamento entre as linhas de um texto. A
    distância é medida entre as linhas de base (baseline) de duas linhas
    consecutivas.
     background é um atalho para definir os valores de fundo individuais em
    um único lugar na folha de estilo. ... O fundo CSS propriedade
    estenográfica atribui valores dados explícitos e conjuntos de propriedades
    para seus valores iniciais em falta.
     float do CSS determina que um elemento deve ser retirado do seu fluxo
    normal e colocado ao longo do lado direito ou esquerdo do seu containêr,
    onde textos e elementos em linha irão se posicionar ao seu redor. Um
    elemento flutuante é um tipo de elemento cujo valor de float é diferente de
    none

    Você também pode gostar