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

Mais procurados (20)

Html n CSS
Html n CSSHtml n CSS
Html n CSS
 
Blending modes presentation
Blending modes presentationBlending modes presentation
Blending modes presentation
 
HTML iframe
HTML iframeHTML iframe
HTML iframe
 
PL/SQL Fundamentals I
PL/SQL Fundamentals IPL/SQL Fundamentals I
PL/SQL Fundamentals I
 
CSS
CSSCSS
CSS
 
Advanced Cascading Style Sheets
Advanced Cascading Style SheetsAdvanced Cascading Style Sheets
Advanced Cascading Style Sheets
 
Css
CssCss
Css
 
Java and XML
Java and XMLJava and XML
Java and XML
 
CSS
CSS CSS
CSS
 
How To Use Canva
How To Use CanvaHow To Use Canva
How To Use Canva
 
Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
 
Css
CssCss
Css
 
Html & CSS
Html & CSSHtml & CSS
Html & CSS
 
HTML
HTMLHTML
HTML
 
References (Captions)
References (Captions)References (Captions)
References (Captions)
 
CSS ppt
CSS pptCSS ppt
CSS ppt
 
Lab#5 style and selector
Lab#5 style and selectorLab#5 style and selector
Lab#5 style and selector
 
LINKING IN HTML
LINKING IN HTMLLINKING IN HTML
LINKING IN HTML
 
Css padding
Css paddingCss padding
Css padding
 
Responsive web-design through bootstrap
Responsive web-design through bootstrapResponsive web-design through bootstrap
Responsive web-design through bootstrap
 

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>