SlideShare uma empresa Scribd logo
1 de 4
Baixar para ler offline
Guia de referência rápida
          Esta tabela é um resumo dos principais comandos HTML


Comandos de Estrutura
Função                   Abre com   Parâmetros                Fecha com
Comando Mestre           <html>     nenhum(a)                 </html>
Área de Cabeçalho        <head>     nenhum(a)                 </head>
Título do documento      <title>    nenhum(a)                 </title>
Comentários              <!--       nenhum(a)                 -->
Corpo do programa        <body>     background="NomeArquivo   </body>
                                    "
                                    bgcolor="XXXX"
                                    text="XXXX"
                                    link="XXXX"
                                    vlink="XXXX"



Comandos de Texto
Finalidade             Tag         Parâmetros                Fecha com
Quebra de Linha        <br>        clear=left/right/all      nenhum(a)
Parágrafo              <p>         align=center/right        </p>
Negrito                <b>         nenhum(a)                 </b>
Itálico                <i>         nenhum(a)                 </i>
Texto de máquina       <tt>        nenhum(a)                 </tt>
Cabeçalho              <h1-6>      align=center/right        </h1-6>
Fonte                  <font>      face="nome,nome"          </font>
                                   size=+/-XXX
                                   color="XXXX"
Linha divisória        <hr>        size=XX                   nenhum(a)
                                   width=XX/XX%
                                   noshade
Block Quote            <blockquote nenhum(a)                 </blockquote
                       >                                     >
Divisão                <div>       align=left/center/right   </div>
Comandos de Lista
Finalidade                               Tag       Parâmetros             Fecha com
Lista não ordenada                       <ul>      type=disc/circle/squ   </ul>
                                                   are
lista ordenada                           <ol>      type=I/A/1/a/i         </ol>
                                                   start=XX
Item de Lista                            <li>      type=all ul e ol       nenhum(a)
Lista de Definição                       <dl>      nenhum(a)              </dl>
item de Lista de Definição               <dt>      nenhum(a)              nenhum(a)
Definição da lista                       <dd>      nenhum(a)              nenhum(a)


Comandos de Link
Finalidade                      Tag          Parâmetros              Fecha com
Ancôra                          <a>          href="NomeArquivo"      </a>
                                             target="NomeDaJanela"
Marca de ancôra                 <a>          name="nomedamarca"      nenhum(a)


Image Tags
Finalidade                            Tag     Parâmetros             Fecha com
Inserção de Imagem                    <img    src="NomeArquivo"      nenhum(a)
                                      >       align=left/right
                                              width=XXX
                                              height=XXX
                                              alt="text"
                                              ISMAP
                                              USEMAP="#NomeDoMapa"


Client-side Imagemap Tags
Finalidade              Tag             Parâmetros                        Fecha com
Define Mapa             <map>           name="NomeDoMapa"                 </map>
Define a Área           <area>          shape="rect/circle/poly/poin      nenhum(a)
                                        t"
                                        coords="X,Y,X,Y"
                                        href="NomeDaImagem"


Comandos de Tabela
Finalidade               Tag           Parâmetros                    Fecha com
Table                    <table>       border=X                      </table>
                                       width=X
                                       cellspacing=X
                                       cellpadding=X
                                       bgcolor="XXXX"
Table Row                <tr>          align=left/center/right       </tr>
                                       valign=top/middle/bottom
                                       bgcolor="XXXX"
Table Data               <td>          align=left/center/right       </td>
                                       valign=top/middle/bottom
width=X
                                 nowrap
                                 colspan=X
                                 rowspan=X
                                 bgcolor="XXXX"
Table Header           <th>      align=left/center/right    </th>
                                 valign=top/middle/bottom
                                 width=X
                                 nowrap
                                 colspan=X
                                 rowspan=X
                                 bgcolor="XXXX"
Caption                <caption> align=left/center/right    </caption>
                                 valign=top/middle/bottom


Comandos de Frame
Finalidade               Tag       Parâmetros                   Fecha com
Set Frames               <frameset cols="XX/XX%/*"              </frameset>
                         >         rows="XX/XX%/*"
Frame Definition         <frame>   src="NomeArquivo"            nenhum(a)
                                   name="NomeDaFrame"
                                   noresize
                                   scroll=auto/yes/no
                                   marginwidth="XX"
                                   marginheight="XX"
Base                     <base>    target="NomeDaFrame"/        nenhum(a)
                                   "_self"/
                                   "_top"/
                                   "_parent"
                                   (Note the underscores)
No Frames                <noframes nenhum(a)                    </noframes>
                         >


Comandos de Formulário
Finalidade                    Tag       Parâmetros              Fecha com
Form                          <form>    method=get/put          </form>
                                        action="programname"
Input Field                   <input>   name="variablename"     nenhum(a)
                                        type=text/password/
                                        checkbox/radio/submit
                                        /
                                        reset/image
Selection List                <select>  name="variablename"     </select>
                                        size=XX
                                        multiple
Selection Option              <option>  nenhum(a)               nenhum(a)
Scrolling Text Field          <textarea name="variablename"     </textarea>
                              >         rows=XX
                                        cols=XX
O comando Meta
Finalidade           Tag                                 Parâmetros
<META>               http-equiv="refresh"                nenhum(a)
(Server metatags)    content="seconds, NomeArquivo"
<META>               name="keywords/description/author   nenhum(a)
(Content metatags)   /
                     generator/abstract/expiration"
                     content="your information"


CSS Style Sheet Tags
Finalidade           Tag       Parâmetros                Fecha com
Style Definition     <style>   type="text/css">          </style>
Link to CSS File     <link>    rel=stylesheet            nenhum(a)
                               type="text/css"
                               href="URL"
Span                 <span>    style="property:value;"   </span>

Mais conteúdo relacionado

Mais procurados (6)

CSS Dasar #6 : Background
CSS Dasar #6 : BackgroundCSS Dasar #6 : Background
CSS Dasar #6 : Background
 
CSS Layouting #2 : Dimensi & Overflow
CSS Layouting #2 : Dimensi & OverflowCSS Layouting #2 : Dimensi & Overflow
CSS Layouting #2 : Dimensi & Overflow
 
XML
XMLXML
XML
 
HTML Dasar : #7 Hyperlink
HTML Dasar : #7 HyperlinkHTML Dasar : #7 Hyperlink
HTML Dasar : #7 Hyperlink
 
CSS Dasar #2 : Anatomy CSS
CSS Dasar #2 : Anatomy CSSCSS Dasar #2 : Anatomy CSS
CSS Dasar #2 : Anatomy CSS
 
jQuery Essentials
jQuery EssentialsjQuery Essentials
jQuery Essentials
 

Destaque

Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest975dcd
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos htmlAlvaro Gomes
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML. Maria_Sabando
 

Destaque (6)

Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos html
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML.
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 

Guia de comandos html

  • 1. Guia de referência rápida Esta tabela é um resumo dos principais comandos HTML Comandos de Estrutura Função Abre com Parâmetros Fecha com Comando Mestre <html> nenhum(a) </html> Área de Cabeçalho <head> nenhum(a) </head> Título do documento <title> nenhum(a) </title> Comentários <!-- nenhum(a) --> Corpo do programa <body> background="NomeArquivo </body> " bgcolor="XXXX" text="XXXX" link="XXXX" vlink="XXXX" Comandos de Texto Finalidade Tag Parâmetros Fecha com Quebra de Linha <br> clear=left/right/all nenhum(a) Parágrafo <p> align=center/right </p> Negrito <b> nenhum(a) </b> Itálico <i> nenhum(a) </i> Texto de máquina <tt> nenhum(a) </tt> Cabeçalho <h1-6> align=center/right </h1-6> Fonte <font> face="nome,nome" </font> size=+/-XXX color="XXXX" Linha divisória <hr> size=XX nenhum(a) width=XX/XX% noshade Block Quote <blockquote nenhum(a) </blockquote > > Divisão <div> align=left/center/right </div>
  • 2. Comandos de Lista Finalidade Tag Parâmetros Fecha com Lista não ordenada <ul> type=disc/circle/squ </ul> are lista ordenada <ol> type=I/A/1/a/i </ol> start=XX Item de Lista <li> type=all ul e ol nenhum(a) Lista de Definição <dl> nenhum(a) </dl> item de Lista de Definição <dt> nenhum(a) nenhum(a) Definição da lista <dd> nenhum(a) nenhum(a) Comandos de Link Finalidade Tag Parâmetros Fecha com Ancôra <a> href="NomeArquivo" </a> target="NomeDaJanela" Marca de ancôra <a> name="nomedamarca" nenhum(a) Image Tags Finalidade Tag Parâmetros Fecha com Inserção de Imagem <img src="NomeArquivo" nenhum(a) > align=left/right width=XXX height=XXX alt="text" ISMAP USEMAP="#NomeDoMapa" Client-side Imagemap Tags Finalidade Tag Parâmetros Fecha com Define Mapa <map> name="NomeDoMapa" </map> Define a Área <area> shape="rect/circle/poly/poin nenhum(a) t" coords="X,Y,X,Y" href="NomeDaImagem" Comandos de Tabela Finalidade Tag Parâmetros Fecha com Table <table> border=X </table> width=X cellspacing=X cellpadding=X bgcolor="XXXX" Table Row <tr> align=left/center/right </tr> valign=top/middle/bottom bgcolor="XXXX" Table Data <td> align=left/center/right </td> valign=top/middle/bottom
  • 3. width=X nowrap colspan=X rowspan=X bgcolor="XXXX" Table Header <th> align=left/center/right </th> valign=top/middle/bottom width=X nowrap colspan=X rowspan=X bgcolor="XXXX" Caption <caption> align=left/center/right </caption> valign=top/middle/bottom Comandos de Frame Finalidade Tag Parâmetros Fecha com Set Frames <frameset cols="XX/XX%/*" </frameset> > rows="XX/XX%/*" Frame Definition <frame> src="NomeArquivo" nenhum(a) name="NomeDaFrame" noresize scroll=auto/yes/no marginwidth="XX" marginheight="XX" Base <base> target="NomeDaFrame"/ nenhum(a) "_self"/ "_top"/ "_parent" (Note the underscores) No Frames <noframes nenhum(a) </noframes> > Comandos de Formulário Finalidade Tag Parâmetros Fecha com Form <form> method=get/put </form> action="programname" Input Field <input> name="variablename" nenhum(a) type=text/password/ checkbox/radio/submit / reset/image Selection List <select> name="variablename" </select> size=XX multiple Selection Option <option> nenhum(a) nenhum(a) Scrolling Text Field <textarea name="variablename" </textarea> > rows=XX cols=XX
  • 4. O comando Meta Finalidade Tag Parâmetros <META> http-equiv="refresh" nenhum(a) (Server metatags) content="seconds, NomeArquivo" <META> name="keywords/description/author nenhum(a) (Content metatags) / generator/abstract/expiration" content="your information" CSS Style Sheet Tags Finalidade Tag Parâmetros Fecha com Style Definition <style> type="text/css"> </style> Link to CSS File <link> rel=stylesheet nenhum(a) type="text/css" href="URL" Span <span> style="property:value;" </span>