evento
topico
nomeHtml
tituloHtml
descritorHtml
leadLinguagem de marca��o para ser visualizadas pelos browser's
link~link~
origemHtml.xml
referencia http://dev.w3.org/html5/spec/Overview.html#syntax
http://findmebyip.com/litmus#target-selector
topico
tituloEstrutura da interface em c�digo de um Documento Html
desc
topico
tituloSemantica
desc           Documento  e seus componentes:
  • Documento - arquivo texto contendo tags de marca��o que informa ao browser como exibir ap�gina.
                          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
                             "http://www.w3.org/TR/html4/strict.dtd">
  • Elemento    - estrutura semantica do documento
  • Atributo      - define uma propriedade de um elemento
  • Valor          - do atributo
    • Tag             - s�o elementos entre sinais < > . ex: <elemento> . Significa um c�digo (ou instru��o) em Html.

    APIs - ex: Element.tagName, nodeName, Document.createElement(), Element.setAttribute(),....)

    Intera��es com XPath e XSLT

    Inser��es de marca��es dinamicas (document.open(), document.close(),document.write(), document.write(), innerHTML, outerHTML, insertAdjacentHTML()  )

 http://dev.w3.org/html5/spec/Overview.html#semantics-0    
topico
tituloSintaxe
descBNF de documento

documentoHtml = tag_abertura   tag_fechamento
tag_abertura = "<" elemento [(atributo "=" valor)+] ">"
tag_fechamento= "<\\" elemento ">"

Diagrama sint�tico


gerador do gr�fico  http://www-cgi.uni-regensburg.de/~brf09510/syntax.html

sintaxe da BNF  http://www-cgi.uni-regensburg.de/~brf09510/backus_naur_wirth.html
topico
tituloPagina de Saida
descUsando HTML4 + CSS + (javascript + xml)   ver c�digo

                                                     clicar na figura para ver p�gina
topico
tituloLista de Conjuntos de Elementos de uma pagina
desc
  • raiz (html)
  • meta dado do documento (head, title, base, link, meta, style )
  • scripting (script, noscript)
  • se��o (body, section, nav, artigo, aside, h1...h6, hgroup,header, footer, address)
  • conteudo (p, hr,br, pre, blockquote, ul, li, dl, dt, dd, figure, figcaption, div)
  • texto (a, em, strong, small,cite,q,dfn,abbr,time,code,var,samp,kbd,sub, sup, i, b, mark, ruby, rt, rp,bdo, span,br,wbr )
  • edi��o (ins, del)
  • conteudo embutido (img, iframe, embed, object, param, video, audio, source, canvas, map, area)
  • dados (table, caption, colgroup,col, tbody,thead, tfoot, tr, td, th)
  • formulario (form, legend, label, input, type, button, select, datalist, optgroup, textarea, keygen, output, progress, meter)
  • interativo (details, summary, command, menu)
  • links (alternate, aechives, author, bookmark, external, help, icon, license, nofollw, noreferrer, pingback, prefectch, search, stylesheet, sidebar, tag, index, up, first,last, next, prev)
topico
tituloPagina de Entrada
descUsando HTML4   ver c�digo

                                       clicar na figura para ver formul�rio

Entrada para editar:
  • Conteudo
    T�pico - titulo, nome, lead, rodap� (link, origem, referencia)
    Elemento - nome e desri��o  
  • P�gina
    Cabe�alho e contato 
topico
tituloCategorias de elementos Html5
desc * Metadata content  ( base, command, link, meta, noscript, script, style, title )

    * Flow content   ( a, abbr, address, area (if it is a descendant of a map element), article, aside, audio, b, bd,                                                    blockquote, br, button, canvas, cite, code, command, datalist, del, details, dfn, div, dl, em, embed,                                     figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, iframe, img, input, ins,                                       kbd, keygen, label, map, mark, ...........) 
 
    * Sectioning content  ( article, aside, nav, ,section 

    * Heading content ( h1, h2, h3, h4. h5, h6, hgroup)
 
    * Phrasing content (a, abbr, area, .....)
    * Embedded content ( audio, canvas, embed, iframe, img, math, object, svg, video)
    * Interactive content (a,audio, buttonn, details, embed, iframe,input, keygen, menu, object, select, textarea, video)


                                      clique na figura para mais detalhes

Elementos de estrutura:

      section represents a generic document or application section. section representa um documento gen�rico ou se��o de aplica��o. It can be used together with the h1 , h2 , h3 , h4 , h5 , and h6 elements to indicate the               document structure. Pode ser usado em conjunto com o h1 , h2 , h3 , h4 , h5 e h6 elementos para indicar a estrutura do documento.

      article represents an independent piece of content of a document, such as a blog entry or newspaper article. article representa uma pe�a independente do conte�do de um documento, como um blog ou artigo de jornal.

      aside represents a piece of content that is only slightly related to the rest of the page. aside representa uma parte do conte�do que � apenas um pouco relacionado com o resto da p�gina.

      hgroup represents the header of a section. hgroup representa o cabe�alho de uma se��o.

      header represents a group of introductory or navigational aids. header representa um grupo de auxiliares de navega��o ou introdut�rio.

      footer represents a footer for a section and can contain information about the author, copyright information, et cetera. footer representa um rodap� de uma se��o e pode conter informa��es sobre o autor, informa��es             sobre direitos autorais, et cetera.

      nav represents a section of the document intended for navigation. nav representa uma se��o do documento destinado para a navega��o.

Elementos de conteudo:

      figure can be used to associate a caption together with some embedded content, such as a graphic or video: figure pode ser usado para associar uma legenda junto com algum conte�do incorporado, como um gr�fico ou       de v�deo:

       <figure>
       <video src="ogg"></video>
       <figcaption>Example</figcaption>
       </figure>

      figcaption provides the caption. figcaption prev� a legenda.

http://www.w3.org/TR/html5/index.html#element-content-categories
topico
tituloPagina Htm5
desc