Html

Html Linguagem de marca��o para ser visualizadas pelos browser's

1. Estrutura da interface em c�digo de um Documento Html

2. Semantica 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.

http://dev.w3.org/html5/spec/Overview.html#semantics-0

3. SintaxeBNF 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

4. Pagina de SaidaUsando HTML4 + CSS + (javascript + xml) ver c�digo

clicar na figura para ver p�gina

5. Lista de Conjuntos de Elementos de uma pagina

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)

6. Pagina de EntradaUsando 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

7. Categorias de elementos Html5 * 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:

  &nb

8. Pagina Htm5