Lista de elementos do HTML

Transcrição

1 Lista de elementos do HTML GERAL (todos os documentos HTML devem ter estes comandos.) Tipo de Documento <HTML></HTML> (início e fim de arquivo) Titulo (Title ) <TITLE></TITLE> (deve estar no cabeçalho. É exibido no topo da janela) Cabeçalho (Header) Não é exibida. ) <HEAD></HEAD> (Informação descritiva, como o título,etc. Corpo (Body) <BODY></BODY> (o conteudo da página a ser exibido) DEFINIÇÃO ESTRUTURAL (APARÊNCIA CONTROLADA PELO NAVEGADOR) Titulo (Heading) <H?></H?> (the spec. defines 6 levels) Alinhamento do título (Align Heading) <H? ALIGN=LEFT CENTER RIGHT></H?> Divisão (Division) <DIV></DIV> Alinhamento da divisão(align Division) <DIV ALIGN=LEFT RIGHT CENTER JUSTIFY></DIV> Bloco de Código(Block Quote) indentado) Enfase (Emphasis) <BLOCKQUOTE></BLOCKQUOTE> (usualmente <EM></EM> (usually displayed as italic) Forte enfase (Strong Emphasis) <STRONG></STRONG> (usually displayed as bold) Citação (Citation) Código (Code) <CITE></CITE> (usually italics) <CODE></CODE> (for source code listings) Exemplo de saida (Sample Output) Entrada p/ teclado (Keyboard Input) <SAMP></SAMP> <KBD></KBD> Variavel (Variable) Definção (Definition) <VAR></VAR> <DFN></DFN> (ainda não foi largamente implementado) Endereço do autor (Author's Address) <ADDRESS></ADDRESS> Fonte Grande (Large Font Size) Fonte Pequena (Small Font Size) <BIG></BIG> <SMALL></SMALL> FORMATAÇÃO DA APARÊNCIA (O autor especifica a apearência do texto) Negrito (Bold) Itálico (Italic) Sublinhado (Underline) <B></B> <I></I> <U></U> (ainda não foi largamente implementado) Instituto Siegen Universidade Guarulhos 15

2 Riscado (Strikeout) implementado) Riscado (Strikeout Subscrito (Subscript) Sobrescrito (Superscript) Tipográfico (Typewriter) máquina de escrever) Preformatado (Preformatted) Largura (Width) Centralizar (Center) Cintilante (Blinking) <STRIKE></STRIKE> (ainda não foi largamente <S></S> (ainda não foi largamente implementado) <SUB></SUB> <SUP></SUP> <TT></TT> (espaçamento constante como o de uma <PRE></PRE> (display text spacing as-is) <PRE WIDTH=?></PRE> (em caracteres) <CENTER></CENTER> (for both text and images) <BLINK></BLINK> Tamanho da fonte (Font Size) <FONT SIZE=?></FONT> (varia de 1-7) Mudar tamanho da fonte(change Font Size)<FONT SIZE="+ -?"></FONT> Tamanho Básico (Base Font Size) <BASEFONT SIZE=?> (de 1-7; "default" é 3) Côr da fonte (Font Color) Tipo de Fonte (Select Font) <FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> Multiplas Colunas (Multi-Column) <MULTICOL COLS=?></MULTICOL> Gutter (Column Gutter) colunas) <MULTICOL GUTTER=?></MULTICOL> (espaço entre Largura da coluna (Column Width) Espaçador (Spacer) Tipo de espaçador(spacer Type) Tamanho do espaço(size) <MULTICOL WIDTH=?></MULTICOL> <SPACER> <SPACER TYPE=horizontal vertical block> <SPACER SIZE=?> Dimenções do espaço (Dimensions) Alinhamento doespaço (Alignment) <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left right center> ELOS(LINKS) E GRÁFICOS Ligar a alguma coisa (Link Something ) <A HREF="URL"></A> A local específico (Link to Target) <A HREF="URL#***"></A> (se em outro documento) <A HREF="#***"></A> (se no mesmo documento) Janela específica (Target Window) frames) Define um local (Define Target) <A HREF="URL" TARGET="***"></A> (usado em <A NAME="***"></A> Instituto Siegen Universidade Guarulhos 16

3 Exibe Imagem (Display Image) <IMG SRC="URL"> Alinhamento (Alignment) <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> Centralizar (center) Alternate Dimensões (Dimensions) Borda (Border) <center></center> <IMG SRC="URL" ALT="***"> (se a imagem naõ for exibida) <IMG SRC="URL" WIDTH=? HEIGHT=?> (em pixeis) <IMG SRC="URL" BORDER=?> (em pixeis) Espaço ao redor (Runaround Space) pixeis) <IMG SRC="URL" HSPACE=? VSPACE=?> (em Proxi de baixa Resolução(Low-Res Proxy)<IMG SRC="URL" LOWSRC="URL"> Mapa de Imagem(Imagemap) Mapa de Imagem(Imagemap) <IMG SRC="URL" ISMAP> (requires a script) <IMG SRC="URL" USEMAP="URL"> Mapa (Map) Seção(Section) Extrair Cliente(Client Pull) <MAP NAME="***"></MAP> (describes the map) <AREA SHAPE="RECT" COORDS=",,," HREF="URL" NOHREF> <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> Incrustar Objeto( Embed Object Tamnho do Objeto( Object Size) <EMBED SRC="URL"> (insere o objeto na pagina) <EMBED SRC="URL" WIDTH=? HEIGHT=?> DIVISORES Paragrafo (Paragraph) desnecessário) Alinhar o texto(align Text) Quebrade linha(line Break) <P></P> (o comando de fechamento pode ser <P ALIGN=LEFT CENTER RIGHT></P> <BR> (Retorna para o início da próxima linha) Limpar o texto(clear Textwrap) <BR CLEAR=LEFT RIGHT ALL> Linha horizontal(horizontal Rule) Alinhamento(Alignment) <HR> <HR ALIGN=LEFT RIGHT CENTER> Espessura (Thickness) Largura(Width) <HR SIZE=?> (em pixeis) <HR WIDTH=?> (em pixeis) Largura em porcentagem (Width Percent) <HR WIDTH="%"> (as a percentage of page width) Linha sólida (Solid Line) Não Quebrar linha (No Break) <HR NOSHADE> (without the 3D cutout look) <NOBR></NOBR> (prevents line breaks) Não quebrar palavra(no Word Break) <WBR> (where to break a line if needed) Instituto Siegen Universidade Guarulhos 17

4 LISTAS (As listas podem ser entremeadas) Sem ordem (Unordered List) <UL><LI></UL> (<LI> before each list item) Compacta (Compact) Bolas (Bullet Type) <UL COMPACT></UL> <UL TYPE=DISC CIRCLE SQUARE> (para toda a lista) <LI TYPE=DISC CIRCLE SQUARE> (este e seguintes) Lista ordenada (Ordered List) Lista compacta (Compact) Numerada (Numbering Type) <OL><LI></OL> (<LI> antes de cada item da lista) <OL COMPACT></OL> <OL TYPE=A a I i 1> (para toda a lisat) <LI TYPE=A a I i 1> (este item e seguintes) Numero inicial (Starting Number) <OL START=?> (para toda a lista) <LI VALUE=?> (este itém e seguintes) Lista de definição(definition List) Definição-compacta (Compact) <DL><DT><DD></DL> (<DT>=term, <DD>=definition) <DL COMPACT></DL> Menu (Menu List) Menu Compacta (Compact) Lista de Diretório(Directory List) <MENU><LI></MENU> (<LI> antes de cada item da lista) <MENU COMPACT></MENU> <DIR><LI></DIR> (<LI> before each list item) Lista de Diretório Compacta) (Compact) <DIR COMPACT></DIR> FUNDO (BACKGROUNDS) E CORES Titulo do fundo (Tiled Bkground) <BODY BACKGROUND="URL"> Cor de fundo(bkground Color) vermelho/verde/azul) Cor do texto(text Color) Cor dos elos(link Color) Elo visitado(visited Link) Elo ativo(active Link <BODY BGCOLOR="#$$$$$$"> (a ordem é <BODY TEXT="#$$$$$$"> <BODY LINK="#$$$$$$"> <BODY VLINK="#$$$$$$"> <BODY ALINK="#$$$$$$"> CARACTERES ESPECIAIS (todos eles devem ser escritos em minúsculas) Caracter Especial &#?; (aonde? é o código ISO ) Código Código Código Código Código > < Ç Ç ¼ &frac14 &156; Registered TM > > ç ç ½ &frac12 ««Registered TM Instituto Siegen Universidade Guarulhos 18

5 & & &rvbar; ¾ ¾»» Copyright " " ± ± Copyright þ þ ß ß µ µ Espaço &nbsp sem quebra À À ª &166; º &167; Ñ Ñ ñ ñ Á Á É &Eacute Í &Íacute Ó &Oacute Ú &Uacute Â Â Ê Ô Ô Ã Ã Õ Õ Ä Ä Ë Ë Ï Ï Ö Ö Ü Ü Å Æ Å Æ á á é &eacute í &iacute ó &oacute ú &uacute à à â â ê ô ô ã ã õ õ ä ä ö ö ü ü å å ø ø æ æ ý ý ÿ ÿ FORMULÁRIOS (geralmente requerem um script em seu servidor) Define o formulário <FORM ACTION="URL" METHOD=GET POST></FORM> Arquivo(File) Upload <FORM ENCTYPE="multipart/form-data></FORM> Campo de entrada (Input Field) <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO IMAGE HIDDEN SUBMIT RESET"> Nome do campo (Field Name) Valor do campo (Field Value) Assinalado(Checked?) Tamanho do campo(field Size) <INPUT NAME="***"> <INPUT VALUE="***"> <INPUT CHECKED> (para checkboxes e radio boxes) <INPUT SIZE=?> (em caracteres) Comprimento máximo(max Length) <INPUT MAXLENGTH=?> (em caracteres) Seleçionar (Selection List) Nomeda lista(name of List) <SELECT></SELECT> <SELECT NAME="***"></SELECT> Número de opções(# of Options?) Escolha múltipla(multiple Choice) <SELECT SIZE=?></SELECT> <SELECT MULTIPLE> (pode selecionar mais de uma) Opção(Option) <OPTION> (itens que podem ser selecionados) Instituto Siegen Universidade Guarulhos 19

6 Opção padrão(default Option) <OPTION SELECTED> Tamanho da Caiza de entrada (Box Size) <TEXTAREA ROWS=? COLS=?></TEXTAREA> Nome da caixa (Name of Box) <TEXTAREA NAME="***"></TEXTAREA> Borda (Wrap Text) <TEXTAREA WRAP=OFF VIRTUAL PHYSICAL></TEXTAREA> TABELAS Define a Tabela Borda da Tabela (Table Border) não (off)] Borda da Tabela (Table Border) fixar o valor) Espacamento da célula(cell Spacing) Cell Padding Largura desejada(desired Width) <TABLE></TABLE> <TABLE BORDER></TABLE> [ligado(on) ou <TABLE BORDER=?></TABLE> (você pode <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> <TABLE WIDTH=?> (em pixeis) Largura em porcentagem(width Percent) pagina) <TABLE WIDTH=%> (percentagem da Linha da tabela (Table Row) Alinhamento(Alignment) Alinhamento vertical Célula da tabela(table Cell) Alinhamento na célula(alignment) VALIGN=TOP MIDDLE BOTTOM> Não quebrar linhas(no linebreaks) Expandir colunas (Columns to Span) <TR></TR> <TR ALIGN=LEFT RIGHT CENTER (VALIGN=TOP MIDDLE BOTTOM> <TD></TD> (must appear within table rows) <TD ALIGN=LEFT RIGHT CENTER <TD NOWRAP> <TD COLSPAN=?> Linhas para expandir (Rows to Span) <TD ROWSPAN=?> Largura desejada(desired Width) Largura em %(Width Percent) <TD WIDTH=?> (em pixeis) <TD WIDTH="%"> (percentagem da tabela) Côr da Célula (Cell Color) Título da tabela(table Header) emnegrito) <TD BGCOLOR="#$$$$$$"> <TH></TH> (Exibido como dade,centralinhado e Alinhamento do título(alignment) VALIGN=TOP MIDDLE BOTTOM> Não quebrar linhas(no Linebreaks) <TH ALIGN=LEFT RIGHT CENTER <TH NOWRAP> Instituto Siegen Universidade Guarulhos 20

7 Colunas p/expandir(columns to Span) <TH COLSPAN=?> Linhas a Expandir (Rows to Span) Largura desejada (Desired Width) Largura em % (Width Percent) <TH ROWSPAN=?> <TH WIDTH=?> (em pixeis) <TH WIDTH="%"> (percentagem da tabela) Côr da célula (Cell Color) Captação(Table Caption) Alinhamento(Alignment) table) <TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> <CAPTION ALIGN=TOP BOTTOM> (above/below MOLDURAS(FRAMES) [define e manipula especificas regiões da tela] Nome do Documento(Frame Document) <FRAMESET></FRAMESET> (em lugar de <BODY>) Altura das linha(row Heights) <FRAMESET ROWS=,,,></FRAMESET> (pixeis ou %) Altura em linhas(row Heights) relativo) Largura das Colunas(Column Widths) %) Largura das Colunas(Column Widths) relativo) <FRAMESET ROWS=*></FRAMESET> (* = tamanho <FRAMESET COLS=,,,></FRAMESET> (pixeis ou <FRAMESET COLS=*></FRAMESET> (* = tamanho Bordas(Borders) <FRAMESET FRAMEBORDER="yes no"> Largura da Borda(Border Width Côr da Borda(Border Color) Define a Moldura(Define Frame) Exibe Documento(Display Document) <FRAMESET BORDER=?> <FRAMESET BORDERCOLOR="#$$$$$$"> <FRAME> (conteudo de uma moldura específica) <FRAME SRC="URL"> Nome da Moldura(Frame Name) <FRAME NAME="***" _blank _self _parent _top> Largurada margem(margin Width) esquerdaedireita) Altura da margem(margin Height) inferior) Barra de Seleção(Barra Scrollbar?) Não alterar o tamanho(not Resizable) <FRAME MARGINWIDTH=?> (margens <FRAME MARGINHEIGHT=?> (margens superior e <FRAME SCROLLING="YES NO AUTO"> <FRAME NORESIZE> Bordas (Borders) Côr da Borda(Border Color) <FRAME FRAMEBORDER="yes no"> <FRAME BORDERCOLOR="#$$$$$$"> Instituto Siegen Universidade Guarulhos 21

8 Conteúdo sem molduras(unframed Content) <NOFRAMES></NOFRAMES> (para navegadores que não aceitam "frames") JAVA Applet <APPLET></APPLET> Nome do arquivo(file Name) Parametros(Parameters) Localização(Location) Identificador(Identifier) Texto alternativo(alt Text) Java) Alinhamento(Alignment) <APPLET CODE="***"> <APPLET PARAM NAME="***"> <APPLET CODEBASE="URL"> <APPLET NAME="***"> (para referencias) <APPLET ALT="***"> (para avegadores que não aceitam <APPLET ALIGN="LEFT RIGHT CENTER"> Tamanho(Size) Espaçamento(Spacing) DIVERSOS Comentários (Comment) Prólogo (Prologue) Pesquisavel(Searchable) Pronto(Prompt) dados) <APPLET WIDTH=? HEIGHT=?> (em pixeis) <APPLET HSPACE=? VSPACE=?> (em pixeis)  (não é exibido pelo navegador) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <ISINDEX> (indica um indice de busca) <ISINDEX PROMPT="***"> (Texto para a entrada de Envia pesquisa (Send Search) URL deste Arquivo(of This File) Nome básico da janela Relasionamento (Relationship) no cabeçalho) Informação(Meta Information) Páginas de Estilo(Style Sheets) <A HREF="URL?***"></a> (use uma questão real) <BASE HREF="URL"> (deve estar no cabeçalho) <BASE TARGET="***">(deve estar no cabeçalho) <LINK REV="***" REL="***" HREF="URL"> (deve estar <META> (deve estar no cabeçalho) <STYLE></STYLE> (ainda não é amplamente suportado) Scripts <SCRIPT></SCRIPT> (ainda não é amplamente suportado) As cores são definidas por um nome (em inglês) ou um código hexadecimal precedido pelo sinal #. Côr Nome Código Côr Nome Código Instituto Siegen Universidade Guarulhos 22

9 Black # Silver #C0C0C0 Gray # White #FFFFFF Maroon # Red #FF0000 Purple # Green # Lime #00FF00 Olive # Yellow #FFFF00 Teal # Blue #0000FF Navy # Aqua #00FFFF Fuchsia #FF00FF Instituto Siegen Universidade Guarulhos 23