HTML Lista Rápida
HTML Lista Rápida. Você pode imprimi-lo, para se preparar para o uso diário.
O documento HTML básico
<! DOCTYPE html>
<Html>
<Head>
<Title> Título do Documento </ title>
</ Head>
<Body> texto visível ... </ body>
</ Html>
guia Básico (Basic Tag)
<H1> o maior título </ h1>
<H2> ... </ H2>
<H3> ... </ H3>
<H4> ... </ H4>
<H5> ... </ H5>
<H6> menor título </ h6>
<P> Este é um parágrafo. </ P>
<br> (Avanço de linha) <hr> (horizontal) <! - Este é um comentário ->
A formatação de texto (formatação)
<B> negrito </ b>
<Code> código de computador </ code>
<Em> enfatizou texto </ em>
<I> texto em itálico </ i>
<Kbd> Teclado </ kbd>
<Pre> texto pré-formatado </ pre>
<Small> texto menor </ small>
<Strong> importante texto </ strong>
<Abbr> (acrónimo) <endereço> (informações de contato) <bdo> (direcção do texto) <blockquote> (a partir de outro ponto de referência de origem) <cite> (nome de trabalho) <del> (texto suprimido) <ins > (texto da inserção) <sub> (texto subscrito) <sup> (texto sobrescrito)
Links (ligações)
elo comum: <a href = "http://www.example.com/"> texto do link </ a> link imagem: <a href = "http://www.example.com/"> <img src = "URL" alt = "texto de substituição" link> </ a> Mail: <a href = "mailto: [email protected]"> Enviar e-mail </ a> Bookmark: <a id = "tips"> Dicas seção </ a>
<A href = "#tips"> seção Skip pontas </ a>
Pictures (Imagens)
<img src = "URL" alt = "Substituir texto" height = "42" width = "42">
Estilo / Block (Estilos / Secções)
<Style type = "text / css">
h1 {Cor: vermelho ;}
p {Cor: azul ;}
</ Style>
<Div> elementos nível de bloco no documento </ div>
<Span> elementos documento em linha </ span>
lista não ordenada
<Ul>
<Li> item </ li>
<Li> item </ li>
</ Ul>
Lista ordenada
<Ol>
<Li> A primeira </ li>
<Li> Segundo item </ li>
</ Ol>
Lista definição
<Dl>
<Dt> Item 1 </ dt>
<Dd> Item Descrição 1 </ dd>
<Dt> Item 2 </ dt>
<Dd> Descrição Item 2 </ dd>
</ Dl>
Quadros (Tabelas)
<Table border = "1">
<Tr>
<Th> cabeçalho da tabela </ th>
<Th> cabeçalho da tabela </ th>
</ Tr>
<Tr>
<Td> dados da tabela </ td>
<Td> dados da tabela </ td>
</ Tr>
</ Table>
Frame (iframe)
<iframe src = "demo_iframe.htm"> </ iframe>
Formulários (Forms)
<Form action = "demo_form.php" method = "post / get">
<Input type = "text" name = "email" size = "40" maxlength = "50">
<Input type = "password">
<Input type = "checkbox" checked = "checked">
<Input type = "radio" checked = "checked">
<Input type = "submit" value = "Enviar">
<Input type = "reset">
<Input type = "hidden">
<Select>
<Option> Apple </ option>
<Opção selected = "selected"> Banana </ option>
<Option> Cherry </ option>
</ Select>
<Textarea name = "comentar" linhas = "60" cols = "20"> </ textarea>
</ Form>
Entidade (Entidades)
& Lt; equivalente a <& gt; equivalente a> & # 169; o equivalente a ©