comandos html

Upload: luan-soares-oliveira

Post on 16-Jul-2015

951 views

Category:

Documents


3 download

TRANSCRIPT

SERVIO PBLICO FEDERAL MINISTRIO DA EDUCAO CENTRO FEDERAL DE EDUCAO TECNOLGICA DE MINAS GERAIS UNIDADE DE ENSINO DESCENTRALIZADA DE DIVINPOLIS

NDICE ANALTICOTAG tag________________________________________________________4 TAG tag___________________________________________________4 TAG tag____________________________________________________________5 TAG tag_________________________________________________________7 TAG tag______________________________________________________8 TAG tag_______________________________________________________8 TAG tag________________________________________________________9 TAG tag_________________________________________________________10 TAG tag_________________________________________________________11 TAG tag_____________________________________________________12 TAG tag_________________________________________________________12 TAG tag___________________________________________________13 TAG tag________________________________________________________14 TAG tag_______________________________________________________15 TAG tag______________________________________________________15 TAG tag_______________________________________________________16 TAG tag__________________________________________________________16 TAG tag_____________________________________________________18 TAG tag__________________________________________________________19 TAG tag__________________________________________________________19 TAG tag__________________________________________________________20 TAG tag__________________________________________________________20 TAG tag___________________________________________________________21 TAG tag___________________________________________________________21 TAG tags____________22 TAG tag______________________________________________________23 TAG tag_________________________________________________________23 TAG tag________________________________________________________24 TAG tag_______________________________________________________25 TAG tag_____________________________________________________26 TAG tag________________________________________________________27

TAG a tags___________________________________________________27 Este um cabealho 1____________________________________________________28 TAG tag__________________________________________________________28 TAG tag________________________________________________________29 TAG tag_______________________________________________________29 TAG tag_________________________________________________________30 TAG tag________________________________________________________31 TAG tag__________________________________________________________33 TAG tag________________________________________________________34 TAG tag_______________________________________________________34 TAG tag___________________________________________________________35 TAG tag_________________________________________________________36 TAG tag_________________________________________________________38 TAG tag________________________________________________________39 TAG tag________________________________________________________39 TAG tag____________________________________________________40 TAG tag_____________________________________________________41 TAG tag_______________________________________________________42 TAG tag___________________________________________________________43 TAG tag_____________________________________________________44 TAG tag_______________________________________________________45 TAG tag___________________________________________________________46 TAG tag__________________________________________________________46 TAG tag___________________________________________________________47 TAG and tags________________________________________________48 TAG tag________________________________________________________48 TAG tag________________________________________________________49 TAG tag________________________________________________________50 TAG tag_________________________________________________________51 TAG and tags_______________________________________________52 TAG tag________________________________________________________52 TAG tag________________________________________________________53 TAG tag___________________________________________________________55 TAG tag_____________________________________________________56 TAG tag________________________________________________________57 UnED Divinpolis Sallum Prof. William 2

TAG tag___________________________________________________________59 TAG tag________________________________________________________60 TAG tag_________________________________________________________61 TAG tag___________________________________________________________62 TAG tags______________________________________63 TAG tag___________________________________________________________64 TAG

tag___________________________________________________________64UnED Divinpolis SallumProf. William3SERVIO PBLICO FEDERAL MINISTRIO DA EDUCAO CENTRO FEDERAL DE EDUCAO TECNOLGICA DE MINAS GERAIS UNIDADE DE ENSINO DESCENTRALIZADA DE DIVINPOLISTAG tagDefinio e UtilizaoA tag de comentrio usada para inserir um comentrio no cdigo fonte. O comentrio ser ignorado pelo browser. Esta tag muito til quando necessria a cdompreeno do cdigo posteriormente. Pode-se, tambm, armazenar informaes especficas no comentrio.ExemploFonte Isto um pargrafo normal Sada Isto um pargrafo normalTAG tagDefinio e UtilizaoA declarao a primeira linha do programa, antes da tag . Esta tag informa ao browser sobre se o documento utiliza as especificaes HTML ou XHTML.HTMLHTML 4.01 especifica trs tipo de documentos: Strict (restrito), Transitional (transitrio), e Frameset (configuraes).HTML Strict DTDUtilizado quando se precisa limpar tags, organizando a apresentao. Utilizado junto com Cascading Style Sheets (CSS): HTML Transitional DTDO Transitional DTD inclui atributos de apresentao e elementos que o consrcio W3C espera transportar para uma folha de estilo. Este tipo utilizado para apresentar caractersticas HTMLs quando alguns browser no suportam Cascading Style Sheets (CSS): Frameset DTDO tipo Frameset DTD dever ser utilizado com documentos com Framenser. O Frameset DTD tal qual o Transitional DTD com exceo do elemento de frameset que substitui o elemento de corpo: XHTMLXHTML 1.0 especifica trs tipo de documentos: Strict (restrito), Transitional (transitrio), e Frameset (configuraes).XHTML Strict DTDUse este DTD se precisar limpar tags, organizando a apresentao. Utilizado junto com Cascading Style Sheets (CSS): XHTML Transitional DTDO Transitional DTD inclui atributos de apresentao e elementos que o consrcio W3C espera transportar para uma folha de estilo. Este tipo utilizado para apresentar caractersticas HTMLs quando alguns browser no suportam Cascading Style Sheets (CSS): XHTML Frameset DTDUtilizado quando se necessita utilizar frames! Para constatar que se escreveu um documento SHTML vlido, com um DTD correto, pode-se linkar a pgina XHTML a um validador XHTML.TAG tagDefinio e UtilizaoA tag define uma ncora. Uma ncora pode ser usada em duas possibilidades:1. 2.Para se crier um link para um outro documento utilizando o atributo href Para crier um bookmark - marcador de ginas dentro do documento usando o atributo name ou idTipos e NotasUnED Divinpolis SallumProf. William5Nota: Uma pagina lincada normalmente visializada na janela do browser ativo, a menos que se especifique outra.ExemploFonte Linkando ao CEFETMG: CEFETMG Abrindo uma nova janela CEFETMG: CEFETMG Sada Linkando ao CEFETMG: CEFETMG Abrindo uma nova janela CEFETMG:CEFETMGAtributos OpcionaisDTD indica em qual tipo de documento o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo charset coords Valor character_encoding Se shape="rect" ento coords="left,top,right,bottom" se shape="circ" ento coords="centerx,centery,radius" se shape="poly" ento coords="x1,y1,x2,y2,..,xn,yn" href hreflang name rel URL language_code section_name alternate designates stylesheet start next prev contents index glossary copyright chapter section subsection appendix help bookmark alternate designates stylesheet start next prev contents index glossary A URL correspondente ao link. Especifica a linguagem bsica da URL Nomeia uma ncora. Usado para criar uma marca no documento. STF STF STF Descrio Especifica o cacarcter que codifica a URL Especifica as coordenadas corespondentes s formas da regio da imagem mapeada. DTD STF STFEspecifica a relao entre o documento atual e STF a URL designada.revEspecifica a relao entre a URL designada e o STF documento atual.UnED Divinpolis SallumProf. William6copyright chapter section subsection appendix help bookmark shape rect rectangle circ circle poly polygon _blank _parent _self _top Define o tipo de regio a ser definida para mapeamento na tag da atual area. STFtargetComo abrir a URL desejada:TF _blank - a URL ser aberta em uma nova janela _self a URL sera aberta na mesma janela onde foi clickada _parent - a URL sera aberta na janela anterior _top - a URL sera aberta de forma maximizada STFtypemime_typeEspecifica o tipo de MIME (Multipurpose Internet Mail Extensions) da URLAtributos Padresid, class, title, style, dir, lang, xml:lang, tabindex, accesskeyAtributos Eventuaisonfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoIndica uma forma abreviada, como " Inc "., etc. ". Marcando as abreviaes pode-se obter informao teis dos browsers, sistemas de traduo e mquinas de procura-indexadas.Tipos and NotasTipo: Em alguns browser o atributo title pode ser usado para mostrar a verso completa da expresso quando o mouse se encontrar em cima da abreviao.ExemploFonte Sada CEFETAtributos Padresid, class, title, style, dir, lang, xml:langUnED Divinpolis SallumProf. William7TAG tagDefinio e UtilizaoA tag determina o comeo de um acrnimo, como WWW. Marcando os acrnimos pode-se obter informao teis dos browsers, sistemas de traduo e mquinas de procuraindexadasTipos e NotasTipo: Em alguns browser o atributo title pode ser usado para mostrar a verso completa da expresso quando o mouse se encontrar em cima da abreviaoExemploFonte WWW Sada WWWAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoA tag determina comeo de um endereo. Deve ser usado para definer endereos, assinaturas, ou autorias de documentos.Tipos e NotasNota: O endereo normalmente e feito em italico. Alguns browsers adicionam uma linha de quebra antes e depois do elemento endereo, Mas quebras de linhas dentro do texto devem ser inseridas por voc mesmo.ExemploFonte Jos Silva
Rua das flores
Brasil Sada Jos Silva Rua das flores BrasilAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupUnED Divinpolis SallumProf. William8TAG tagDefinio e UtilizaoDefine um applet embutido.Tipos e NotasNota: Para Incluir applets, se possvel, use o elemento de objeto.Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo height width Valor pixels pixels Descrio Define a altura do applet Define a largura do objeto DTD TF TFAtributos OpcionaisAtributo align Valor left right top bottom middle baseline texttop absmiddle absbottom text URL URL URL pixels unique_name name text pixels Descrio Define o alinhamento de texto do applet DTD TFalt archive code codebase hspace name object title vspaceUm texto alternativo a ser exibido se o browser suporta applets mas no pode executar este applet Uma URL para o applet quando est parado em um arquivoJava ou ZIP Uma URL que aponta para a classe do applet Indica a URL base do applet se o atributo cdigo relativo Define o espaameno horizontal do appletTF TF TF TF TFDefine um nome nico para o applet (a ser usado em TF script) Define o nome do recurso que contem a representao serial do applet Informao adicional a ser mostrada na ponta da ferramenta Define o espaamento vertical do applet TF TF TFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisaccesskey, tabindex, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupUnED Divinpolis SallumProf. William9TAG tagDefinio e UtilizaoDefine uma regio de uma imagem mapeada.Tipos e NotasEste elemento j se encontra dentro da tag . Nota: O atributo usemap em refere-se ao atributo id ou name no .ExemploFonte Click em um dos planetas: Sada Click on one of the planets:Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo alt Valor text Descrio Especifica um texto alternative para a rea DTD STFAtributos OpcionaisAtributo coords Valor se shape="rect" ento coords="left,top,right,bottom" se shape="circ" ento coords="centerx,centery,radius" se shape="poly" ento coords="x1,y1,x2,y2,..,xn,yn" href nohref URL true Especifica a URL desejada da rea STF Descrio DTD Especifica as coordenadas para a STF area clickavelExclue uma area de uma imagem STFUnED Divinpolis SallumProf. William10false shape rect rectangle circ circle poly polygon _blank _parent _self _topmapeada Define a forma de uma rea STFtargetComo abrir a URL desejada:TF _blank - a URL ser aberta em uma nova janela _self a URL sera aberta na mesma janela onde foi clickada _parent - a URL sera aberta na janela anterior _top - a URL sera aberta de forma maximizadaAtributos Padresid, class, title, style, dir, lang, xml:lang, tabindex, accesskeyAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblurTAG tagDefinio e UtilizaoO elemento base especifica a URL base para todos os links na pgina.Tipos e NotasNota: A tag deve ser inserida dentro do elemento head.ExemploSuponha que o endereo absoluto da imagem seja: Agora, ao inserir a tag , o qual especifica a URL base para todos os links na pgina, dever ficar assim: Isto feito, para se inserir imagens na pgina, conforme o exemplo acima, sera necessrio apenas especificar o endereo relative que o browser identificar como URL completa: "http://www. cefetmg.br/imagens/logo.gif", ficando assim:UnED Divinpolis SallumProf. William11Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo href Valor URL Descrio Especifica a URL a ser usada como URL base para os links na pgina DTD STFAtributos OpcionaisAtributo target Valor _blank _parent _self _top Descrio Onde abrir todos os links na pgina. Este atributo pode ser anulado usando o atributo desejado em cada link. DTD TF _blank todos os links sero abertos em nova janela _self todos os links sero abertos na mesma janela em que foram clickados _parent todos os links sero abertos na janela anterior _top todos os links sero abertos em janela maximizadaTAG tagDefinio e UtilizaoDefine uma fonte base.Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo color Valor rgb(x,x,x) #xxxxxx colorname list_of_fontnames default_text_size (a number from 1 to 7) Descrio Especifica a cor do texto. DTD TFface sizeEspecifica a fonte a ser usada. Tamanho de fonte para elemento de fonte.TF TFAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoO elemento bdo anula a direo padro do texto.UnED Divinpolis SallumProf. William12ExemploFonte Sada Este um texo escrito Este um texto escrito da direta para a esquerda da direta para a esquerdaAtributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo dir Valor ltr rtl Descrio Define a direo do texto DTD STFAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoA tag define o comeo de uma citao longa.Tipos e NotasNota: O elemento blockquote cria spaos em branco em ambos os lados do texto.ExemploFonte Aqui se inicia uma longa citao: aqui est uma longa citao aqui est uma longa citao aqui est uma longa citao aqui est uma longa citao aqui est uma longa citao aqui est uma longa citao Sada Aqui se inicia uma longa citao: aqui est uma longa citao aqui est uma longa citao aqui est uma longa citao aqui est uma longa citao aqui est uma longa citaoAtributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo cite Valor URL Descrio URL citao, se escolhido da web DTD STFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupUnED Divinpolis SallumProf. William13TAG tagDefinio e UtilizaoO elemento body define o corpo do documento. Ele contem todo o contedo do documento (como textos, imagens, cores, grficos, etc.).Exemplo Aqui se encontra todo o corpo do documento...... Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo alink Valor rgb(x,x,x) #xxxxxx colorname file_name rgb(x,x,x) #xxxxxx colorname rgb(x,x,x) #xxxxxx colorname rgb(x,x,x) #xxxxxx colorname rgb(x,x,x) #xxxxxx colorname Descrio Especifica a cor do link ativo. DTD TFbackground bgcolorDefine uma imagem para usar como fundo. A cor de fundo do documento.TF TFlinkEspecifica a cor de todos os links no documento.TFtextEspecifica a cor do texto no documento.TFvlinkEspecifica a cor do link visitado.TFAtributos Padresid, class, title, style, dir, lang, xml:langTAG
tagDefinio e UtilizaoA tag
insere uma quebgra de linha. A tag
uma etiqueta vazia (Ela no tem nehuma etiqueta de finalizao o seguinte exemplo est incorreto:
).Tipos e NotasUnED Divinpolis SallumProf. William14Nota: Utilize a tag
para entrar com linhas em branco, no para separar pargrafos.ExemploFonte Sada Este texto contem
uma linha em Este texto contem branco uma linha em brancoAtributos Padresid, class, title, styleTAG tagDefinio e UtilizaoDefine um boto. Dentro de um elemento button pode-se colocar texto ou imagem (identificao do boto). Esta a diferena entre este elemento o os botes criados com o elemento input.ExemploFonte Click aqui! Sada Click aqui!Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo disabled name type Valor disabled button_name button reset submit some_value Descrio Desabilita o boto Especifica um nome nico para o boto Define um tipo de boto DTD STF STF STFvalueEspecifica um valor inicial para o boto. O valor pode STF ser carregado de um script.Atributos Padresid, class, title, style, dir, lang, xml:lang, accesskey, tabindexAtributos Eventuaisonfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoUnED Divinpolis SallumProf. William15Este elemento define uma legenda de tabela. A tag deve ser iserida imediatamente aps a tag . Pode-se especificar somente uma legenda por tabela. Usualmente a legenda se encontrar centralizada acima da tabela.ExemploFonte Esta uma legenda Cel 1 Cel 2 Sada Esta uma legenda Cel 1 Cel 2Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor left right top bottom Descrio Como alinhar a legenda. DTD TFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoCentraliza horizontalmente o texsto inserido.Tipos e NotasTipo: Use estilos CSS para centralizer textos!Atributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagUnED Divinpolis SallumProf. William16Definio e UtilizaoDefine o valor de atributo para um ou mais colunas em uma mesa.somente pode-se usar este elemento dentro de uma tabela ou um colgroup (grupo de colunas)Tipos e NotasNota: O elemento col um elemento vazio que contem somente atributos. Para criar colunas, deve-se especificar o elemento td dentro do elemento td. Tipo: Este elemento tambm utilizado quando se necessita especificar diferentes valores de atributos para uma coluna dentro de um colgroup (grupo de colunas). Sem um elemento col todos os valores herdaro todos os atributo estimados do colgroup.ExemploFonte Sada Este exemplo mostra um colgroup que tem trs Este exemplo mostra um colgroup que tem trs colunas de diferentes larguras: colunas de diferentes larguras: 1 2 3 1 2 3 Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor right left center justify char character pixels % number top middle bottom baseline % pixels relative_length Descrio DTDDefine o alinhamento horizontal do contedo da clula STF na coluna da tabelachar charoff span valignDefine um character para usar alinhar texto. (use com STF ="char") Define um alinhamento balanceado para o primeiro caracter Define o nmero de colunas de que se deve medir Define o alinhamento vertical do contedo na clula da cdoluna da tabela. STF STF STFwidthDefine a largura da coluna. Nota: O atributo de largura pode ser nulo configurando em STFAtributos PadresUnED Divinpolis SallumProf. William17id, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefine grupos de colunas de tabelas. Com este elemento, pode-se agrupar colunas para formatao. Este elemento e vlido somente dentro da tag .Tipos e NotasNota: O elemento colgroup um elemento vazio que contem atributos somente. Para criar colunas, deve-se especificar o elemento td dentro do elemento tr.ExemploEste exemplo cria uma tabela com quarto colunas, com as primeiras trs colunas em um colgroup, e a ltima coluna no Segundo colgroup. Fonte 1 2 3 4 Sada 1 2 3 4Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor right left center justify char character pixels % number top middle bottom baseline Descrio Define o alinhamento horizontal nos grupos de colunas DTD STFchar charoff span valignDefine um character para ser usado no alinhamento do texto (use com align="char") Define um alinhamento balanceado para o primeiro character Define o nmero de colunas que deve medir Define o alinhamento vertical do contedo do grupo de colunasSTF STF STF STFUnED Divinpolis SallumProf. William18width% pixels relative_lengthDefine a largura do grupo de colunas Nota: O atributo de largura pode ser nulo configurando em !STFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag define a descrio de um termo na lista de definio.ExemploFonte Caf Bebida quente escura Leite Bebida fria branca Sada Caf Leite Bebida quente escura Bebida fria brancaAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefine o texto que foi apagado no documento.Tipos e NotasTipo: Usado juntamente com a tag para descrever atualizaes e modificaes no documento.ExemploFonte Uma duzia so 20 12 peas Sada Uma dzia so 12 peasUnED Divinpolis SallumProf. William19Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo cite datetime Valor URL YYYYMMDD Descrio Define uma URL para outro documento que explica por que o texto foi apagado ou foi inserido Define a data e a hora que o texto foi apagado DTD STF STFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag define uma lista.Tipos e NotasTipo: Use o stilo CSS para definer o tipo de lista!ExemploFonte htmlxhtml Sada html xhtmlAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onfocus, onblur, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag define uma diviso/seo em um documento.ExemploFonte Isto um texto Sada Isto um textoUnED Divinpolis SallumProf. William20 Este um cabealho em uma seo div Este um pargrafo em uma seo div Este um cabealho em uma seo div Este um pargrafo em uma seo divAtributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor left right center justify Descrio Como alinhar o texto em um elemento div. DTD TFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag define uma lista de definio.ExemploFonte Caf Bebida quente escura Leite Bebida gelada branca Sada Caf Leite Bebida quente escura Bebida gelada brancaAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag define o incio do termo na lista de definio.UnED Divinpolis SallumProf. William21ExemploFonte Caf Bebida quente escura Leite Bebida gelada branca Sada Caf Leite Bebida quente escura Bebida gelada brancaAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagsDefinio e UtilizaoOs seguintes elementos so todos os elementos de frases. Com eles possvel alcanar efeitos mais ricos para as folhas de estilo. Enfatiza texto Enfatiza fortemente texto Define um termo de definio Define texto de cdigo de computador Define exemplo de cdigo de computador Define texto de teclado Define variveis Define citaesExemploFonte enfatiza texto
Texto forte
Definio de termo
Texto cdigo de computador
Exemplo texto cdigo comput.
Texto de teclado
varivel
Citao Sada Enfatiza texto Texto forte Definio de termoTexto cdigo de computadorExemplo texto cdigo computadorTexto de tecladoVarivel CitaoAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupUnED Divinpolis SallumProf. William22TAG tagDefinio e UtilizaoO elemento fieldset desenha uma caixa em torno dos elementos do contedo.ExemploFonte Altura Largura Sada Altura LarguraAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisaccesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag especifica a fonte, o seu tamanho e a cor da fonte do texto.ExemploFonte Isto um texto! Isto um texto! Isto um texto! SadaIsto um texto! Isto um texto! Isto umtexto!Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo color Valor rgb(x,x,x) #xxxxxx colorname Descrio Define a cor do texto do elemento font. DTD TFUnED Divinpolis SallumProf. William23face sizelist_of_fontnamesDefine a fonte do texto no elemento font.TF TFA number from 1 to Define o tamanho do texto no elemento font. 7. If basefont is specified you can specify a number from -6 to 6Atributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoO elemento form cria um formulrio para entradas. Um formulrio pode conter textfields, checkboxes, radio-buttons e outros objetos. Formulrios so usados para se passer os dados do usurio para uma URL.ExemploFonte Nome:
Sobrenome:
Se clicar no boto Confirma pode-se enviar as entradas para uma nova pgina chamada formulario.asp. Sada Nome.......: sobrenome:Se clicar no boto Confirma, pode-se enviar as entradas para uma nova pgina chamada formulario.asp.Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo action Valor URL Descrio Uma URL que define onde enviar os dados quando o boto confirma for pressionado DTD STFAtributos OpcionaisAtributo accept Valor Lista de contenttypes charset_list Descrio Uma lista separada por vrgula contendo tipos que o servidor processa neste formulrio e envia corretamente DTD STFaccept-charsetA lista separada por virgule de possveis conjuntos de STF caracteres para o formulrio de dados. O falor padro "unknown" O tipo de linguagem de sinais usado para codificar o STFenctypemimetypeUnED Divinpolis SallumProf. William24contedo do formulrio method get post O mtodo HTTP para envio de dados URL. O padro STF get. method="get": Este mtodo envia o contedo do formulrio pela URL: URL?name=value&name=value. Nota: Se os valores do formulrio contem caracteres no-ASCII ou exceder 100 caracteres DEVE-SE usar method="post". method="post": Este mtodo envia o contedo do formulrio para o corpo da pgina requerida. Nota: A maioria dos browsers est desabilitado a pedidos de post. name target form_name _blank _self _parent _top Define um nome nico para o formulrio Onde abrir a URL desejada. TF TF _blank - a URL desejada se abrir em nova janela _self a URL desejada se abrir na mesma janela em que foi cliclada _parent - a URL desejada se abrir na janela anterior _top a URL desejada se abrir numa janela maximizadaAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoDefine uma sub-janela (uma moldura).ExemploFonte Sada Veja o Veja o resultado desta pgina resultado desta pgina O cdigo fonte em "planetas.htm": Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset.UnED Divinpolis SallumProf. William25Atributo frameborder longdescValor 0 1 URLDescrio Especifica se mostra ou no a borda ao redor da molduraDTD FUma URL para uma descrio longa dos contedos F das molduras. Usado por browsers que no suportam molduras Define as margens superiors e inferiores de uma moldura Define as margens esquerdas e direitas de uma moldura Define um nome nico para a moldura (a ser usado em scripts) Quando definido como noresize o usurio no pode alterar o tamanho da moldura Determina a barra de rolagem F F F F Fmarginheight marginwidth name noresize scrollingpixels pixels frame_name noresize yes no auto URLsrcDefine a URL do arquivo que sera mostrado na molduraFAtributos PadresSomente permitidos em XHTML 1.0 Frameset DTD!! id, class, title, styleTAG tagDefinio e UtilizaoO elemento frameset define um conjunto de molduras. usado para organizer mltiplas janelas. Cada moldura um documento separadamente. Em seu uso mais simples, o elemento de frameset declara quantas colunas ou linhas havero no frameset. Voc tem que usar o atributo cols ou as rows.ExemploFonte Sada Veja o resultado Veja o resultado desta pgina desta pgina O cdigo fonte em "planetas.htm": Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo cols Valor pixels % Descrio Define o nmero e tamanho de colunas em um frameset DTD FUnED Divinpolis SallumProf. William26* rows pixels % * Define o nmero e tamanho de linhas em um frameset FTAG tagDefinio e UtilizaoO elemento head pode conter informaes sobre o documento. O browser no mostra o "cabealho de informao " para o usurio. As seguintes tags podem estar na seo do cabealho: , , , , , and .Tipos e NotasDeve-se especificar um ttulo para o documento!ExemploFonte Ttulo do documento ... ... ... Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo profile Valor URL Descrio A space separated list of URL's that contains meta data information about the page DTD STFAtributos Padresdir, lang, xml:langTAG a tagsDefinio e UtilizaoAs tags a definem cabealhos. define largo cabealho. define pequeno header.UnED Divinpolis SallumProf. William27ExemploFonte Este Este Este Este Este Este um um um um um um cabealho cabealho cabealho cabealho cabealho cabealho 1 2 3 4 5 6 SadaEste um cabealho 1Este um cabealho 2Este um cabealho 3Este um cabealho 4Este um cabealho 5Este um cabealho 6Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor left center right justify Descrio Especifica o alinhamento do texto no cabealho DTD TFAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoA tag inseri uma linha horizontal.ExemploFonte Isto um texto Isto um texto Sada Isto um texto Isto um textoAtributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor center left right noshade Descrio Specifies the alignment of the horizontal rule. Deprecated. Use styles instead When set to true the rule should render in a solid color, when set to false the rule should render in a two-color "groove". Deprecated. Use styles instead DTD TFnoshadeTFsize widthpixels % pixelsSpecifies the thickness (height) of the horizontal rule. TF Deprecated. Use styles instead Specifies the width of the horizontal rule Deprecated. TFUnED Divinpolis SallumProf. William28%Use styles insteadAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagDefinio e UtilizaoEstes elementos informam ao browser que este um documento HTML.Exemplo ... ... ... Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo xmlns Valor Descrio DTD STFhttp://www.w3.org/1999/xhtml Defines the XML namespace attributeAtributos Padresdir, lang, xml:langTAG tagDefinio e UtilizaoO elemento iframe cria em uma janela um outro documento.ExemploFonte SadaUnED Divinpolis SallumProf. William29Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor left right top middle bottom 1 0 pixels % URL pixels pixels frame_name yes no auto URL pixels % Descrio Especifica como alinhar o iframe em torno do texto DTD TFframeborder height longdesc marginheight marginwidth name scrollingEspecifica se mostra ou no a borda da janela Define a altura do iframeTF TFUma URL para uma grande descrio do conteudo do TF da janela Define as margens superiors e inferiors do iframe Define as magens direita e esquerda do iframe TF TFEspecifica um nome nico para o iframe (para uso em TF scripts) Define brarra de rolagem TFsrc widthA URL do documento mostrado no iframe Define a largura do iframeTF TFAtributos Padresid, class, title, styleTAG tagDefinio e UtilizaoO elemeno img define uma imagem.ExemploFonte SadaAtributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo alt src Valor text URL Descrio Define uma pequena definio para a imagem A URL da imagem para exibir DTD STF STFAtributos OpcionaisAtributo align Valor top bottom Descrio Especifica o alinhamento do imagem em torno do texto. DTD TFUnED Divinpolis SallumProf. William30middle left right border height hspace ismap longdesc usemap pixels pixels % pixels URL URL URL Define uma borda em torno da imagem Define a altura de uma imagem Define espaos em branco dos lados direito e esquerdo da imagem. Define a imagem como um mapa de imagem de do lado do servidor Uma URL para um documento que contem uma grande descrio da imagem. TF STF TF STF STFDefine a imagem como um mapa de imagem do lado STF do cliente. Visualiza as tags e para delinear o trabalho. Define espaos em branco no topo e no rodap da imagem. Configura a largura de uma imagem. TF STFvspace widthpixels pixels %Atributos Padresid, class, title, style, lang, xml:langTAG tagDefinio e UtilizaoA tag define o incio de um campo de entrada onde o usurio pode entrar com dados.Tipos e NotasNota: O elemento input vazio e contem somente atributos. Tipo: Use o elemento label para definer um rtulo para o controle de formulrio.ExemploFonte Nome:
Sobrenome:
Se voc cliclar no boto Confirma, Voc enviar a entrada para uma nova pgina denominada formulario.asp. Sada Nome: Sobrenome:Se voc cliclar no boto Confirma, Voc enviar a entrada para uma nova pgina denominada formulario.asp.UnED Divinpolis SallumProf. William31Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo accept Valor list_of_mime_types Descrio Uma lista separada por vruglas do tipo MIME que indica o tipo de arquivo de transferncia Nota: Usado somente com type="file" align left right top texttop middle absmiddle baseline bottom absbottom text Define o alinhamento do texto que segue a imagem. Nota: Usado somente com type="image" TF DTD STFaltDefine um texto alternative para a imagem. Nota: Usado somente com type="image"STFcheckedcheckedIndica qual o elemento de entrada deve ser verificado STF na primeira carga. Nota: Usado com type="checkbox" e type="radio"disableddisabledDisabilita o elemento de entrada quando da primeira de modo a impossbilitar ao usurio selecionar ou alterar. Nota: No pode ser usado com type="hidden"STFmaxlengthnumberDefines the maximum number of characters allowed in a text field. Nota: usado somente com type="text"STFnamefield_nameDefine um nome nico para o elemento de entrada. Nota: Este atributo requerido com type="button", type="checkbox", type="file", type="hidden", type="image", type="password", type="text", e type="radio"STFreadonlyreadonlyIndica que o valor deste campo no pode ser modificado. Nota: Usado somente com type="text"STFsizenumber_of_charDefine o tamanho do elemento de entrada. Nota: Cannot be used with type="hidden"STFsrcURLDefine a URL da imagem de exibio. Nota: Usado somente com type="image"STFtypebutton checkbox file hidden image password radio resetIndica o tipo do elemento de entrada. O valor padro STF "text"UnED Divinpolis SallumProf. William32submit text value value Para buttons, reset buttons e submit buttons: Define o texto no boto. Para image buttons: Define o resultado simblico do campo passado para um script. para checkboxes e radio buttons: define o resultado do elemento de entrada quando clicado. O resultado enviado para URL de formurio. Para hidden, password, e text fields: Define o valor padro do elemento. Nota: No pode ser usado com type="file" Nota: Este atributo requerido com type="checkbox" e type="radio" STFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaistabindex, accesskey, onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefine a insero de um texto.Tipos e NotasTipo: Use este juntamente com a teag para descrever atualizaes e modificaes para um documento.ExemploFonte a dozen is 20 12 pieces! Sada a dozen is 12 pieces!Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo cite datetime Valor URL YYYYMMDD Descrio DTDUma URL para outro documento que explica o porque STF o texto foi inserido. Define a data e hota que o texto foi inserido. STFAtributos PadresUnED Divinpolis SallumProf. William33id, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefine um rtulo para um controle.Tipos e NotasNota: O atributo "for" atribui um rtulo a um outro elemento. Configure o valor do atributo "for" igual ao valor do atributo "id" do respective elemento.ExemploFonte Sada Teste clicando nos rtulos de texto: Teste clicando nos rtulos de texto: Macho Macho
Fmea Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo for Valor Descrio DTD STFid_of_another_field Define qual elemento do formulrio o rtulo for. Configura um ID de um elemento do formulrio. Nota: Se este atributo no especificado, o rtulo associado com seus contedos.Atributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisaccesskey, onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoUnED Divinpolis SallumProf. William34O elemento legend define um ttulo para o campo de configurao.ExemploFonte Informao: Altura: Peso: Sada Informao: Altura: Peso:Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo align Valor top bottom left right Descrio Determina o alinhamento para o contedo do campo de configurao. Alinhamento no topo o padro. DTD TFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisaccesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoA tag define o incio de uma listagem de itens. A tag usada como lista numerada ou no numerada (
).Tipos e NotasTip: Utilize styles para definer o tipo de lista.ExemplosFonte CafCh CafCh Sada1.2.Caf C Caf Ch Atributos OpcionaisUnED Divinpolis SallumProf. William35DTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo type Valor A a I i 1 disc square circle Descrio Especifica o tipo de lista. DTD TFvaluenumber_of_list_item ValorTFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoEste elemento define o relacionamento entre dois documentos linkados.Tipos e NotasNota: O elemento link um elemento vazio, ele contem somente atributos. Nota: Este elemento s paparece no cabealho mas pode aparecer qualquer nmero de vezes.ExemploComo utilizar a tag para ligar a uma folha de estilo externa: Atributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo charset href Valor charset URL Descrio DTDDefine a codificao dos caracteres da URL destino. O STF valor padro "ISO-8859-1" A URL destino. STFUnED Divinpolis SallumProf. William36hreflang medialanguage_code screen tty tv projection handheld print braille aural allDefine a linguagem para a URL destino. Especifica em qual dispositivo o documento sera mostrado. screen tty Para um computador de tela no paginada. Para dispositivos de pontos fixos tipo character a character (como teletipos, terminais, ou dispositivos com capacidade de visualizao limitada) Para um dispositivo do tipo TV (baixa resoluo e limitada varredura de tela)STF STFtvprojection Para projetores handheld Para dispositivos portteis (tela pequena) e.x.: Palmtop print braille aural all rel alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection _blank _self _top _parent Para pr-visializao de documentos a serem impressos. Para dispositivos de cdigo Braille. Para sintetizadores de voz. For all devicesDefine o relacionamento entre o documento atural e o STF documento destino.revDefine o relacionamento entre o documento destino e STF o documento atual.targetComo abrir a URL destino.TF _blank a URL destino sera apberta em uma nova janela _self a URL destino ser aberta na mesma janela em que foi clicada. _parent a URL destino sera aberta na janela chamadora _top a URL destino sera aberta em janelaUnED Divinpolis SallumProf. William37cheia type MIME_type like: text/css text/javascript image/gif Especifica o tipo MIME da URL destino STFAtributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefine o mapa de imagem do lado do cliente. Um mapa de imagem uma imagem com regies clicveis.Tipos e NotasNota: A area do elemeno est sempre contido dentro do mapeamento. A rea do elemento define a regio do mapa de imagem. Nota: O atributo usemap em referencia o atributo id ou o atributo name (dependente do browser) em , ento nos aldicionamos os atributosd id e name ao .ExemploFonte Click em um dos planetas: Sada Click em um dos planetas:Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset.UnED Divinpolis SallumProf. William38Atributo idValor unique_nameDescrio Define uma nica identificao para a tag mapDTD STFAtributos OpcionaisAtributo name Valor unique_name Descrio Define um nico nome para a tag map DTD STFAtributos Padresclass, title, style, dir, lang, xml:langAtributos Eventuaistabindex, accesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblurTAG tagDefinio e UtilizaoA tag defines uma lista de menu.Tipos e NotasTip: Utilize estilos CSS para definer o tipo de lista!ExemploFonte html xhtml Sada html xhtmlAtributos OpcionaisDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset.Atributos Padresid, class, title, style, dir, lang, xml:langAtributos Eventuaisonclick, ondblclick, onfocus, onblur, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagUnED Divinpolis Sallum Prof. William 39Definio e UtilizaoO elemento fornece meta-informaes sobre sua pgina, assim como descries e palavras chaves para mecanismos de pesquisa.Tipos e NotasNota: A tag sempre entra no elemento de cabealho. Nota: Metadata sempre passado como name/value.ExemplosDefine keywords for search engines: Define uma descrio0 de da pgina web: Define a ltima verso da pgina: Atualiza a pgina a cada 5 minutos: Atributos RequeridosDTD indica em qual DTD que o atributo permitido. S=Strict, T=Transitional, e F=Frameset. Atributo content Valor some_text Descrio Define a informao meta a ser associada com httpequiv ou name DTD STFAtributos OpcionaisAtributo http-equiv Valor content-type expires refresh set-cookie author description keywords generator revised others some_text Descrio Conecta o atribuito content ao cabealho HTTP DTD STFnameConecta o atributo content ao nameSTFschemeDefine um formato a ser usado para interpretar o valor do atributo contentSTFAtributos Padresdir, lang, xml:langTAG tagDefinio e UtilizaoUnED Divinpolis SallumProf. William40O elemento noframes mostra texto em browsers que no manipula frames. O elemento noframes se encontra no elemento frameset.Tipos e NotasNota: Se um browser manipula frames,ele no mostrar o texto no elemento noframes. Importante: Se adicionar a tag a um frameset, voc ter que incluir o texto entre as tags Exemplo Your browser does not handle frames! Atributos Padresid, class, title, style, dir, lang, xml:langAtributos EventuaisNo h.TAG tagDefinio e UtilizaoO elemento noscript usado para definer um contedo (texto) alternativo se um escript NO executado. Esta tag utilizada por browsers que reconhecem a tag , mas no suportam o script nela.Tipos e NotasNota: Se um browser suporta scripting, ele no mostrar o texto no elemento noscript. Nota: Browsers que no reconhecem a tag mostrar contedos de tag's conmo texto na pgina. Para prevenir o browser de fazer isto, deve-se esconder o script em tags de comentrio. Um browser antigo (um que no reconhece a tag ) ignorar o comentrio e na escrever o contedo das tags na pgina, enquanto um novo browser no entender que o script dever ser executado, at mesmo se cercado por tags de comentrios!ExemplosJavaScript: ... ... Seu browser no suporta JavaScript! ... ... VBScript: ... ... tagDefinio e UtilizaoDefines a text-area (a multi-line text input control). A user can write text in the text-area. In a text-area you can write an unlimited number of characters. The default font in the text-area is fixed pitch.Differences Between HTML and XHTMLNONEUnED Divinpolis SallumProf. William56ExemploFonte The cat was playing in the garden. Suddenly a dog showed up..... SadaAtributos RequeridosDTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Atributo cols rows Valor number number Descrio Specifies the number of columns visible in the textarea Specifies the number of rows visible in the text-area DTD STF STFAtributos OpcionaisAtributo disabled name readonly Valor disabled name_of_textarea readonly Descrio Disables the text-area when it is first displayed Specifies a name for the text-area Indicates that the user cannot modify the content in the text-area DTD STF STF STFAtributos Padresid, class, title, style, dir, lang, xml:lang, tabindex, accesskey For a full description, go to Atributos Padres.Atributos Eventuaisonfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefines a table footer. The thead, tfoot and tbody elements enable you to group rows in a table. When you create a table, you might want to have a header row, some rows with data, and a row with totals at bottom. This division enables browsers to support scrolling of table bodies independently of the table header and footer. When long tables are printed, the table header and footer information may be repeated on each page that contains table data.Differences Between HTML and XHTMLNONETipos e NotasNota: The must have a tag inside!UnED Divinpolis SallumProf. William57Nota: If you use the thead, tfoot and tbody elements, you must use every element. They should appear in this order: , and , so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Nota: The , and elements are seldom used, because of bad browser support. Expect this to change in future versions of XHTML. If you have Internet Explorer 5.0 or newer, you can view an examplo in our XML tutorial.ExemplosFonte in the THEAD Sada This text is in the THEAD This text is in the TFOOT This text is in the TBODYin the TFOOTin the TBODYAtributos OpcionaisDTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Atributo align Valor right left center justify char character Descrio Defines the text alignment in cells DTD STFcharSpecifies which character to align text on. Nota: Only used if align="char"!STFcharoffpixels %Specifies the alignment offset to the first character to STF align on. Nota: Only used if align="char"!valigntop middle bottom baselineSpecifies the vertical text alignment in cellsSTFAtributos Padresid, class, title, style, dir, lang, xml:lang For a full description, go to Atributos Padres.Atributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout,UnED Divinpolis SallumProf. William58onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefines a table header cell in a table. The text within the th element usually renders in bold.Differences Between HTML and XHTMLThe "bgcolor", "height", "width", and "nowrap" attributes of the th element were deprecated in HTML 4.01. The "bgcolor", "height", "width", and "nowrap" attributes of the th element are not supported in XHTML 1.0 Strict DTD.ExemploFonte Header 1 Header 2 Cell A Cell B Sada Header 1 Header 2 Cell A Cell BAtributos OpcionaisDTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Atributo abbr align Valor abbr_text left right center justify char category_names rgb(x,x,x) #xxxxxx colorname character Descrio Specifies an abbreviated version of the content in a cell Specifies the horizontal alignment of cell content DTD STF STFaxis bgcolorDefines a name for a cell Specifies the background color of the table cell. Deprecated. Use styles instead. Specifies which character to align text on. Nota: Only used if align="char"!STF TFcharSTFcharoffpixels %Specifies the alignment offset to the first character to STF align on. Nota: Only used if align="char"!colspan headersnumber header_cells'_idIndicates the number of columns this cell should span STF A space-separated list of cell IDs that supply header STF information for the cell. This attribute allows text-onlyUnED Divinpolis SallumProf. William59browsers to render the header information for a given cell height nowrap rowspan scope pixels nowrap number col colgroup row rowgroup top middle bottom baseline pixels % Specifies the height of the table cell. Deprecated. Use TF styles instead. Whether to disable or enable automatic text wrapping TF in this cell. Deprecated. Use styles instead. Indicates the number of rows this cell should span Specifies if this cell provides header information for the rest of the row that contains it (row), or for the rest of the column (col), or for the rest of the row group that contains it (rowgroup), or for the rest of the column group that contains it Specifies the vertical alignment of cell content STF STFvalignSTFwidthSpecifies the width of the table cell. Deprecated. Use TF styles instead.Atributos Padresid, class, title, style, dir, lang, xml:lang For a full description, go to Atributos Padres.Atributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoDefines a table header. The thead, tfoot and tbody elements enable you to group rows in a table. When you create a table, you might want to have a header row, some rows with data, and a row with totals at bottom. This division enables browsers to support scrolling of table bodies independently of the table header and footer. When long tables are printed, the table header and footer information may be repeated on each page that contains table data.Differences Between HTML and XHTMLNONETipos e NotasNota: The must have a tag inside! Nota: If you use the thead, tfoot and tbody elements, you must use every element. They should appear in this order: , and , so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Nota: The , and elements are seldom used, because of bad browser support. Expect this to change in future versions of XHTML. If you have Internet Explorer 5.0 or newer, you can view an examplo in our XML tutorial.UnED Divinpolis SallumProf. William60ExemploFonte in the THEAD Sada This text is in the THEAD This text is in the TFOOT This text is in the TBODYin the TFOOTin the TBODYAtributos OpcionaisDTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Atributo align Valor right left center justify char character Descrio Defines the text alignment in cells DTD STFcharSpecifies which character to align text on. Nota: Only used if align="char"!STFcharoffpixels %Specifies the alignment offset to the first character to STF align on. Nota: Only used if align="char"!valigntop middle bottom baselineSpecifies the vertical text alignment in cellsSTFAtributos Padresid, class, title, style, dir, lang, xml:lang For a full description, go to Atributos Padres.Atributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupTAG tagDefinio e UtilizaoThis element defines the title of the document.UnED Divinpolis SallumProf. William61Differences Between HTML and XHTMLNONEExemplo XHTML Tag Reference The content of the document...... Atributos Padresid, class, dir, lang, style, xml:langTAG tagDefinio e UtilizaoDefines a row in a table.Differences Between HTML and XHTMLThe "bgcolor" attribute of the tr element were deprecated in HTML 4.01. The "bgcolor" attribute of the tr element are not supported in XHTML 1.0 Strict DTD.ExemploFonte Cell A Cell B Sada Cell A Cell BAtributos OpcionaisDTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Atributo align Valor right left center justify char Descrio Defines the text alignment in cells DTD STFUnED Divinpolis SallumProf. William62bgcolorrgb(x,x,x) #xxxxxx colorname characterSpecifies the background color of the table cell. Deprecated. Use styles instead. Specifies which character to align text on. Nota: Only used if align="char"!TFcharSTFcharoffpixels %Specifies the alignment offset to the first character to STF align on. Nota: Only used if align="char"!valigntop middle bottom baselineSpecifies the vertical text alignment in cellsSTFAtributos Padresid, class, title, style, dir, lang, xml:langTAG tagsDefinio e UtilizaoThe following elements are all font style elements. They are not deprecated, but it is possible to achieve richer effects using style sheets. Renders as teletype or mono spaced text Renders as italic text Renders as bold text Renders as bigger text Renders as smaller textDifferences Between HTML and XHTMLNONEExemploFonte Teletype text
Italic text
Bold text
Big text
Small text
SadaTeletype textItalic text Bold textBig textSmall textAtributos Padresid, class, title, style, dir, lang For a full description, go to Atributos Padres.Atributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown onkeyupUnED Divinpolis SallumProf. William63TAG tagDefinio e UtilizaoThe tag defines underlined text.Differences Between HTML and XHTMLThe u element was deprecated in HTML 4.01. The u element is not supported in XHTML 1.0 Strict DTD.Tipos e NotasTip: Do not underline text - a user confuses it with a hyperlink!!ExemploFonte A new version is now available! Sada A new version is now available!Atributos Padresid, class, title, style, dir, lang, xml:langTAG
tagDefinio e UtilizaoThe tag defines an unordered list.Differences Between HTML and XHTMLThe "compact" and "type" attributes of the ul element were deprecated in HTML 4.01. The "compact" and "type" attributes of the ul element are not supported in XHTML 1.0 Strict DTD.Tipos e NotasTip: Use styles to define the type of list.ExemploFonte CoffeeTea Sada Coffee TeaAtributos OpcionaisUnED Divinpolis SallumProf. William64DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. Atributo compact type Valor disc square circle Descrio Specifies the type of the list. Deprecated. Use styles instead DTD TF TFcompact_rendering Deprecated. Use styles insteadAtributos Padresid, class, title, style, dir, lang, xml:lang For a full description, go to Atributos Padres.Atributos Eventuaisonclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyupUnED Divinpolis SallumProf. William65