Lista de códigos de HTML básico!

15:00

5286020344_dcca388747_z_large

Hoje o blog vai dar a você uma vasta quantidade de conhecimento em HTML! Os códigos de HTML permitem a criação e editação de qualquer Webpage da Internet, e pensando em pessoas que querem dar um toque mais legal no blog, e não sabe muito de HTML, eu vou disponibilizar uma lista grande códigos simples, mais muito útil! Os códigos abaixo são para que você tenho uma noção básica, e use alguns para fazer comandos simples de HTML! Salve essa página nos seus favoritos, porque hoje talvez você não precise vê-los, mas amanhã talvez precise de uma ajuda em 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) <HEAD></HEAD> (Informação descritiva, como o título,etc. Não é exibida. )
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)            <BLOCKQUOTE></BLOCKQUOTE> (usualmente indentado)
Enfase (Emphasis)                       <EM></EM> (usually displayed as italic)
Forte enfase (Strong Emphasis)          <STRONG></STRONG> (usually displayed as bold)
Citação (Citation)                   <CITE></CITE> (usually italics)
Código (Code)                           <CODE></CODE> (for source code listings)
Exemplo de saida (Sample Output)        <SAMP></SAMP>
Entrada p/ teclado (Keyboard Input)     <KBD></KBD>
Variavel (Variable)                   <VAR></VAR>
Definção (Definition)                   <DFN></DFN> (ainda não foi largamente implementado)
Endereço do autor (Author's Address)    <ADDRESS></ADDRESS>
Fonte Grande (Large Font Size)          <BIG></BIG>
Fonte Pequena (Small Font Size)         <SMALL></SMALL>

FORMATAÇÃO DA APARÊNCIA (O autor especifica a apearência do texto)

Negrito (Bold)                       <B></B>
Itálico (Italic)                       <I></I>
Sublinhado (Underline)                 <U></U> (ainda não foi largamente implementado) 
Riscado (Strikeout)                   <STRIKE></STRIKE> (ainda não foi largamente implementado)
Riscado (Strikeout                   <S></S> (ainda não foi largamente implementado) 
Subscrito (Subscript)                   <SUB></SUB>
Sobrescrito (Superscript)               <SUP></SUP>
Tipográfico (Typewriter)                <TT></TT> (espaçamento constante como o de uma máquina de escrever) 
Preformatado (Preformatted)           <PRE></PRE> (display text spacing as-is) 
             Largura (Width)         <PRE WIDTH=?></PRE> (em caracteres)
Centralizar (Center)                   <CENTER></CENTER> (for both text and images) 
Cintilante (Blinking)                   <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)           <FONT COLOR="#$$$$$$"></FONT>
Tipo de Fonte (Select Font)           <FONT FACE="***"></FONT>
Multiplas Colunas (Multi-Column)        <MULTICOL COLS=?></MULTICOL>
Gutter (Column Gutter)           <MULTICOL GUTTER=?></MULTICOL> (espaço entre colunas) 
Largura da coluna (Column Width)        <MULTICOL WIDTH=?></MULTICOL>
Espaçador (Spacer)                   <SPACER> 
Tipo de espaçador(Spacer Type)          <SPACER TYPE=horizontal|vertical|block> 
Tamanho do espaço(Size)           <SPACER SIZE=?>
Dimenções do espaço (Dimensions)        <SPACER WIDTH=? HEIGHT=?>
Alinhamento doespaço  (Alignment)       <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)      <A HREF="URL" TARGET="***"></A> (usado em frames) 
Define um local (Define Target)        <A NAME="***"></A>
Exibe Imagem (Display Image)           <IMG SRC="URL">
Alinhamento (Alignment)              <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> 
Centralizar (center)                  <center></center>
Alternate                        <IMG SRC="URL" ALT="***"> (se a imagem naõ for exibida) 
Dimensões (Dimensions)                 <IMG SRC="URL" WIDTH=? HEIGHT=?> (em pixeis)
Borda (Border)                  <IMG SRC="URL" BORDER=?> (em pixeis)
Espaço ao redor (Runaround Space)      <IMG SRC="URL" HSPACE=? VSPACE=?> (em pixeis)
Proxi de baixa Resolução(Low-Res Proxy)<IMG SRC="URL" LOWSRC="URL">
Mapa de Imagem(Imagemap)               <IMG SRC="URL" ISMAP> (requires a script)
Mapa de Imagem(Imagemap)               <IMG SRC="URL" USEMAP="URL">
Mapa (Map)                                     <MAP NAME="***"></MAP> (describes the map)
Seção(Section)                            <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 
Extrair Cliente(Client Pull)                    <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Incrustar Objeto( Embed Object           <EMBED SRC="URL"> (insere o objeto na pagina)
Tamnho do Objeto( Object Size)           <EMBED SRC="URL" WIDTH=? HEIGHT=?>

DIVISORES

Paragrafo (Paragraph)                 <P></P> (o comando de fechamento pode ser desnecessário)
Alinhar o texto(Align Text)         <P ALIGN=LEFT|CENTER|RIGHT></P>
Quebrade linha(Line Break)         <BR> (Retorna para o início da próxima linha)
Limpar o texto(Clear Textwrap)        <BR CLEAR=LEFT|RIGHT|ALL>
Linha horizontal(Horizontal Rule)      <HR>
Alinhamento(Alignment)                 <HR ALIGN=LEFT|RIGHT|CENTER>
Espessura (Thickness)                 <HR SIZE=?> (em pixeis)
Largura(Width)                         <HR WIDTH=?> (em pixeis)
Largura em porcentagem (Width Percent) <HR WIDTH="%"> (as a percentage of page width) 
Linha sólida (Solid Line)              <HR NOSHADE> (without the 3D cutout look)
Não Quebrar linha (No Break)           <NOBR></NOBR> (prevents line breaks) 
Não quebrar palavra(No Word Break)     <WBR> (where to break a line if needed)

LISTAS (As listas podem ser entremeadas)

Sem ordem (Unordered List)             <UL><LI></UL> (<LI> before each list item)
Compacta (Compact)                     <UL COMPACT></UL>
Bolas (Bullet Type)                    <UL TYPE=DISC|CIRCLE|SQUARE> (para toda a lista)
                                       <LI TYPE=DISC|CIRCLE|SQUARE> (este e seguintes)
Lista ordenada (Ordered List)          <OL><LI></OL> (<LI> antes de cada item da lista)
Lista compacta (Compact)               <OL COMPACT></OL>
Numerada (Numbering Type)              <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)    <DL><DT><DD></DL> (<DT>=term, <DD>=definition)
Definição-compacta (Compact)           <DL COMPACT></DL>
Menu (Menu List)                    <MENU><LI></MENU> (<LI> antes de cada item da lista)
Menu Compacta (Compact)                <MENU COMPACT></MENU>
Lista de Diretório(Directory List)     <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)        <BODY BGCOLOR="#$$$$$$"> (a ordem é vermelho/verde/azul)
Cor do texto(Text Color)               <BODY TEXT="#$$$$$$">
Cor dos elos(Link Color)         <BODY LINK="#$$$$$$">
Elo visitado(Visited Link)        <BODY VLINK="#$$$$$$">
Elo ativo(Active Link            <BODY ALINK="#$$$$$$">

CARACTERES ESPECIAIS (todos eles devem ser escritos em minúsculas)

Caracter Especial &#?; (aonde ? é o código ISO 8859-1)
CódigoCódigoCódigoCódigoCódigo
>&lt;Ç&Ccedil;¼&frac14£&156;Registered TM ®&#174;
>&gt;ç&ccedil;½&frac12«&laquo;Registered TM ®&reg;
&&amp;¦&rvbar;¾&frac34;»&raquo;Copyright ©&#169;
"&quot;°&deg;±&plusmn;§&sect;Copyright ©&copy;
&para;þ&thorn;ß&szlig;µ&micro;Espaço sem quebra&nbsp
À&Agrave;ª&166;º&167;Ñ&Ntilde;ñ&ntilde;
Á&Aacute;É&EacuteÍ&ÍacuteÓ&OacuteÚ&Uacute
Â&Acirc;ÊÔ&Ocirc;
Ã&Atilde;Õ&Otilde;
Ä&Auml;Ë&Euml;Ï&Iuml;Ö&Ouml;Ü&Uuml;
Å&Aring;
Æ&AElig;
á&aacute;é&eacuteí&iacuteó&oacuteú&uacute
à&agrave;
â&acirc;êô&ocirc;
ã&atilde;õ&otilde;
ä&auml;ö&ouml;ü&uuml;
å&aring;ø&oslash;
æ&aelig;ý&yacute;ÿ&yuml;

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)             <INPUT NAME="***"> 
Valor do campo (Field Value)           <INPUT VALUE="***">
Assinalado(Checked?)                   <INPUT CHECKED> (para checkboxes e radio boxes) 
Tamanho do campo(Field Size)           <INPUT SIZE=?> (em caracteres)
Comprimento máximo(Max Length)         <INPUT MAXLENGTH=?> (em caracteres) 
Seleçionar (Selection List)            <SELECT></SELECT> 
Nomeda lista(Name of List)             <SELECT NAME="***"></SELECT> 
Número de opções(# of Options?)        <SELECT SIZE=?></SELECT> 
Escolha múltipla(Multiple Choice)      <SELECT MULTIPLE> (pode selecionar mais de uma) 
Opção(Option)                          <OPTION> (itens que podem ser selecionados)
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        <TABLE></TABLE>
Borda da Tabela (Table Border)   <TABLE BORDER></TABLE> [ligado(on) ou não (off)] 
Borda da Tabela (Table Border)   <TABLE BORDER=?></TABLE> (você pode  fixar o valor)
Espacamento da célula(Cell Spacing)     <TABLE CELLSPACING=?>
Cell Padding     <TABLE CELLPADDING=?>
Largura desejada(Desired Width)  <TABLE WIDTH=?> (em pixeis)
Largura em porcentagem(Width Percent)  <TABLE WIDTH=%> (percentagem da pagina)
Linha da tabela (Table Row)    <TR></TR>
Alinhamento(Alignment)     <TR ALIGN=LEFT|RIGHT|CENTER
Alinhamento vertical     (VALIGN=TOP|MIDDLE|BOTTOM>
Célula da tabela(Table Cell)  <TD></TD> (must appear within table rows) 
Alinhamento na célula(Alignment)   <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
Não quebrar linhas(No linebreaks)      <TD NOWRAP>
Expandir colunas (Columns to Span)      <TD COLSPAN=?>
Linhas para expandir (Rows to Span)   <TD ROWSPAN=?>
Largura desejada(Desired Width)     <TD WIDTH=?> (em pixeis)
Largura em %(Width Percent)         <TD WIDTH="%"> (percentagem da tabela)
Côr da Célula (Cell Color)        <TD BGCOLOR="#$$$$$$">
Título da tabela(Table Header)     <TH></TH> (Exibido como dade,centralinhado e emnegrito)
Alinhamento do título(Alignment)        <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
Não quebrar linhas(No Linebreaks)      <TH NOWRAP>
Colunas p/Expandir(Columns to Span)     <TH COLSPAN=?>
Linhas a Expandir (Rows to Span)      <TH ROWSPAN=?>
Largura desejada (Desired Width)    <TH WIDTH=?> (em pixeis)
Largura em % (Width Percent)        <TH WIDTH="%"> (percentagem da tabela)
Côr da célula (Cell Color)        <TH BGCOLOR="#$$$$$$">
Captação(Table Caption)                <CAPTION></CAPTION>
Alinhamento(Alignment)                  <CAPTION ALIGN=TOP|BOTTOM> (above/below table) 

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)    <FRAMESET ROWS=*></FRAMESET> (* = tamanho relativo)
Largura das Colunas(Column Widths)      <FRAMESET COLS=,,,></FRAMESET> (pixeis ou %)
Largura das Colunas(Column Widths)      <FRAMESET COLS=*></FRAMESET> (* = tamanho relativo)
Bordas(Borders)                       <FRAMESET FRAMEBORDER="yes|no">
Largura da Borda(Border Width      <FRAMESET BORDER=?>
Côr da Borda(Border Color)         <FRAMESET BORDERCOLOR="#$$$$$$">
Define a Moldura(Define Frame)    <FRAME> (conteudo de uma moldura específica) 
Exibe Documento(Display Document)     <FRAME SRC="URL">
Nome  da Moldura(Frame Name)            <FRAME NAME="***"|_blank|_self|_parent|_top> 
Largurada margem(Margin Width)    <FRAME MARGINWIDTH=?> (margens esquerdaedireita)
Altura da margem(Margin Height)    <FRAME MARGINHEIGHT=?> (margens superior e inferior)
Barra de Seleção(Barra Scrollbar?)      <FRAME SCROLLING="YES|NO|AUTO">
Não alterar o tamanho(Not Resizable)    <FRAME NORESIZE>
Bordas (Borders)                      <FRAME FRAMEBORDER="yes|no">
Côr da Borda(Border Color)         <FRAME BORDERCOLOR="#$$$$$$">
Conteúdo sem molduras(Unframed Content) <NOFRAMES></NOFRAMES> (para navegadores que não aceitam "frames")

JAVA

Applet                                  <APPLET></APPLET>
Nome do arquivo(File Name)              <APPLET CODE="***">
Parametros(Parameters)             <APPLET PARAM NAME="***">
Localização(Location)            <APPLET CODEBASE="URL">
Identificador(Identifier)          <APPLET NAME="***"> (para referencias)
Texto alternativo(Alt Text)             <APPLET ALT="***"> (para avegadores que não aceitam Java)
Alinhamento(Alignment)            <APPLET ALIGN="LEFT|RIGHT|CENTER">
Tamanho(Size)                        <APPLET WIDTH=? HEIGHT=?> (em pixeis)
Espaçamento(Spacing)                    <APPLET HSPACE=? VSPACE=?> (em pixeis)

DIVERSOS

Comentários (Comment)            <!-- *** --> (não é exibido pelo navegador)
Prólogo (Prologue)                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> 
Pesquisavel(Searchable)             <ISINDEX> (indica um indice de busca)
Pronto(Prompt)                          <ISINDEX PROMPT="***"> (Texto para a entrada de dados)
Envia pesquisa (Send Search)            <A HREF="URL?***"></a> (use uma questão real)
URL deste Arquivo(of This File)         <BASE HREF="URL"> (deve estar no cabeçalho)
Nome  básico da janela                 <BASE TARGET="***">(deve estar no cabeçalho) 
Relasionamento (Relationship)         <LINK REV="***" REL="***" HREF="URL"> (deve estar no cabeçalho)
Informação(Meta Information)            <META> (deve estar no cabeçalho)
Páginas de Estilo(Style Sheets)         <STYLE></STYLE> (ainda não é amplamente suportado)
Scripts                          <SCRIPT></SCRIPT> (ainda não é amplamente suportado)

NO COPY
Deixe seu comment.
By:Andy

Você também pode gostar:

Comentários
14 Comentários

14 mil comentários

  1. Hooy, Amei o novo lay *-*

    Desculpa a demora para responder, mas, é claro que você pode postar http://garotas-de-atitudes.blogspot.com/2011/07/londres.html aqui (: *Com os Créditos*

    Bjs

    ResponderExcluir
  2. Uhul, O Kumma arrasou nesse post!!
    Heheh, mesmo tentando não entendo nada Elcimar!
    é uma pena, gostaria muito :/
    Faltam só 20 dias *-*

    Beijos

    http://teenblogumblogpravoce.blogspot.com/

    ResponderExcluir
  3. aaaaaaaaaaaaaaaarrasou no post :)
    Beijos,
    theattitudeincluded.blogspot.com

    ResponderExcluir
  4. Eu agradeço o seus elogios.. thank's.. (^^)

    ResponderExcluir
  5. Andy arrasou na postagem!
    só quero ver é eu mexendo -qqq
    mais vou tentar! quem sabe eu consigo?
    http://lolli-pop-blog.blogspot.com

    ResponderExcluir
  6. Oi, estou seguindo, segue de volta: http://biscoitodocepordin.blogspot.com/ ?

    ResponderExcluir
  7. (kkk) depois de tantos comments dizendo que eu arrasei com a postagem, então acho que arrasei mesmo! (kkk)

    ResponderExcluir
  8. tem tag para você lá no blog> http://garotas-de-atitudes.blogspot.com/2011/07/resultado-do-sorteio-tag.html

    Abraços.

    ResponderExcluir
  9. Este comentário foi removido pelo autor.

    ResponderExcluir
  10. Este comentário foi removido pelo autor.

    ResponderExcluir
  11. Amei o texto!! Muito bom! ;)

    Beijos,
    http://blahblahblahpop.blogspot.com
    e
    http://raylullaby.blogspot.com

    ResponderExcluir
  12. Boa noite galerinha
    ribeirosilvashow.webnode.com

    ResponderExcluir
  13. Quer curtir a Copa acesse:

    http://ribeirosilvashow.webnode.com/

    ResponderExcluir
  14. Quer curtir a Copa acesse:

    http://ribeirosilvashow.webnode.com/

    ResponderExcluir

Já curtiu?

+ Lidas