Scribd Logo
Importer

Bienvenue sur Scribd !

  • Tags Do HTML5

    Transféré par

    Vinnicius Costa
    14 vues3 pages
    Tags usadas no HTML5

    Copyright

    © © All Rights Reserved

    Formats disponibles

    TXT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Tags usadas no HTML5

    Droits d'auteur :

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

    Tags Do HTML5

    Transféré par

    Vinnicius Costa
    Tags usadas no HTML5

    Droits d'auteur :

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

    <header> <hgroup> <"DOCTYPE>

    <html lang

    Divide em cabealhos
    agrupa conteudos
    - Define que um arquivo em HTML5
    = "pt-bt> - Corpo do cdigo em html
    |-> - Define que o cdigo pertence ao portugues(ajuda semantica)

    <meta charset = "UTF-8"> define o padro de linguagem em portugues do Brasil


    <h1,h2,h3,h4,h5,h6> - Nivel de titulos, a partir de h2 so subtitulos
    <title> Define o nome do titulo da janela ou aba
    <body> corpo do cdigo
    <img src="local do arquivo"> - exibe uma imagem.
    ----FORMATAO---<p> - paragrafo
    <wbr/> quebra de palavra sem hifenizao
    &shy; (soft Hyphen) - quebra palavra colocando Hifen
    <b> (bold) - Negrito
    <i> italico
    <em> (enfase) - quase a mesma coisa do <i>, sua diferena semntica e no somente visu
    al,
    pois explicita para o navegador enfatizar a palavra.
    <del> - Semanticamente indica que um texto foi deletado.
    <sup> - formatao no canto superior.
    <sub> - formatao no campo inferior.
    <code> - exibe um cdigo de programao
    <pre> - aninhado com o <code>, exibe o cdigo da mesma forma como est em html.
    existem varios outros.
    ---- CSS ---<span> - formatao de pequenos textos
    |-> (style="text-decoration: cdigo; ") - realiza marcao de texto
    |-> underline - sublinhado.
    |-> overline - sublinhado superior.
    |-> line-trough - riscado(mesmo efeito do del, sem semantica).
    |-> none - sem formatao (importante para a herana de caracteristic
    a CSS).
    |->(style="font-weight: cdigo;) - indica a quantidade de negrito(varia entre 1
    00 e 900).
    <style="text-align: ;"> - indica o alinhamento do texto
    |-> right - direita
    |-> left - esquerda
    |-> Center - centro
    |-> justify - justificado
    <style="text-align: ;text-indent: 50px;"> - alem do alinhamento, indica a identao
    do texto manualmente(usar 50px), possivel justificar
    tudo de uma vez no campo <head> <sty
    le> adicionando os mesmos campos de text-align e indent.
    ---- CORES ---background-color: lightseagreen; - Criando no mesmo campo <head> <style>, adicio
    nando o campo BODY{cdigo (background-color: COLOR)},
    Ns alteramos a cor de fundo da janela. Pode us

    ar cdigos HEXADECIMAIS (exemplo #a1c3ef)


    color - Adiciona uma cor a fonte desejada.
    |-> rgb - adiciona uma cor passando como parametros os valores inteiros de rgb.
    |-> rgba - Alem do padro RGB, adiciona transparencia a fonte atravs do cdigo alfa
    (a).
    |-> hsl(matis, saturao e luminosidade) - Outra forma de representao de cores. Tambe
    m pode usar o canal alfa (a).
    <figure> - Faz com que a imagem adquira caracteristicas semanticas. (pode conter
    uma class).
    |-> (class) - classe de uma de uma imagem. para utiliza-la dentro do css
    , sempre chama a objeto.(ponto) o nome da classe.
    |-> (border) - borda da imagem, leva 3 parametros (8px - largura, Solid
    - tipo da borda, Color - Cor da borda)
    |-> (img) - nova caracteristica de qualquer imagem, recebe dois parametr
    os (width - Altura, heidth - Largura), usado para enquadrar a foto dentro da bor
    da.
    |-> (box-shadow) - adiciona uma sombra recebendo 4 parametros (1px - De
    sloc. Horizontal, 1px - Desloc. Vertical, 4px - espalhamento,Color - Cor)
    |-> (Padding) - Controla o espao dentro do objeto.
    |-> (Border-size) - cria um box dentro da borda, recebe 1 parametro, nes
    se caso o BORDER-BOX (ou caixa da borda).
    |-> (hover) - dispara uma classe especifica de formatao quando se passa o
    mouse por cima do objeto.
    |-> (transition) - efeito de transio na imagem.
    <figcaption> - adiciona um titulo a imagem, que podem possuir caracteristicas pr
    oprias como subtitulos, textos.
    <Link rel="Stylesheet" type="txt/css" href=""> - Faz linkagem para um arquivo cs
    s
    |-> Folha de rosto !
    |-> Define o tipo do texto com um arquivo em Css
    |-> href(Hipertext references) - usado p
    ara chamar um arquivo externo.
    ---- LISTAS ---<nav> - cria um menu de navegao no html5
    <ol> (Ordened list) - lista ordenada
    <ul> (unoderned list) - lista desordenada
    <li>
    ---- LINKs ---<a> - Ancora, base para a indexao. Pode usar o href para sites externos ou links n
    o proprio site.
    |-> target - Envia o usuario para outro site.
    |-> (_blank) - Redireciona para uma outra aba.
    # - usado para referenciar um id, exemplo nav(menu de navegao)#menu(id dentro do n
    av)
    |-> (nav#menu ul) - seleciona todas listas de tipo ul.
    |-> (list-style: cdigo ;) - define o estilo da lista.
    |-> (none) - retira as bolinhas de marcao
    |-> (Text-transform: cdigo ;) - transforma o cdigo.
    |-> (uppercase) - trasforma o texto em mausculo.
    |-> (position) - posio em relao a tela.
    |-> (absolute) - extravasa o conteiner do objeto.
    |-> (relative) - movimentao do menu dentro do conteiner.
    |-> (left) - movimentao a esquerda (recebe parametro).

    |-> (top) - movimentao para cima (recebe parametro).


    |-> (nav#menu li) - seleciona todas listas de tipo li.
    |-> (display) - modo de exibir a lista.
    |-> (inlineblock) - exibe tudo na mesma linha.
    |-> (block) - faz com que a caixa flutue
    |-> (margin) - margem entre as "caixas".

    Vous aimerez peut-être aussi