HTML Lista rápida
Lista Rápida HTML. Puede imprimirlo, para prepararse para el uso diario.
El documento HTML básico
<! DOCTYPE html>
<Html>
<Head>
<Título> Título del documento </ title>
</ Head>
<Cuerpo> texto visible es. </ body>
</ Html>
Ficha Básica (Basic Etiquetas)
<H1> el título más grande </ h1>
<H2> es. </ H2>
<H3> es. </ H3>
<H4> es. </ H4>
<H5> es. </ H5>
<H6> epígrafe más pequeño </ h6>
<P> Este es un párrafo. </ P>
<Br> (Avance de línea) <hr> (horizontal) <! - Esto es un comentario ->
Formato de texto (formateo)
<B> negrita </ b>
<Code> código informático </ code>
<Em> enfatizó texto </ em>
<I> texto en cursiva </ i>
<Kbd> Teclado </ kbd>
<Pre> texto preformateado </ pre>
<Small> texto más pequeño </ small>
<Strong> texto importante </ strong>
<Abbr> (acrónimo) <dirección> (información de contacto) <BDO> (dirección del texto) <blockquote> (de otra sección de referencia de la fuente) <cite> (nombre provisional) <del> (texto eliminado) <ins > (insertar texto) <sub> (texto subíndice) <sup> (superíndice)
Enlaces (links)
nexo común: <a href = "http://www.example.com/"> texto del enlace </ a> Enlace de imagen: <a href = "http://www.example.com/"> <img src = "URL" alt = "texto de sustitución" link> </ a> Correo: <a href = "mailto: webmaster@example.com"> Enviar e-mail </ a> Favorito: <a id = ""> Consejos consejos sección </ a>
<A href = "#tips"> sección Consejos Skip </ a>
Imágenes (Images)
<img src = "URL" alt = "Reemplazar texto" height = "42" width = "42">
Estilo / Bloque (Estilos / Secciones)
<Estilo type = "text / css">
h1 {Color: rojo ;}
p {Color: azul ;}
</ Style>
<Div> elementos de bloque en el documento </ div>
<Span> elementos de documento en línea </ span>
lista desordenada
<Ul>
<Li> elemento </ li>
<Li> elemento </ li>
</ Ul>
Lista ordenada
<Ol>
<Li> El primer </ li>
<Li> Segundo elemento </ li>
</ Ol>
definición de la lista
<Dl>
<Dt> Artículo 1 </ dt>
<DD> Descripción del Artículo 1 </ dd>
<Dt> Artículo 2 </ dt>
<DD> Descripción del Artículo 2 </ dd>
</ Dl>
Mesas (Tablas)
<Tabla border = "1">
<Tr>
<TH> cabecera de la tabla </ th>
<TH> cabecera de la tabla </ th>
</ Tr>
<Tr>
<Td> datos de la tabla </ td>
<Td> datos de la tabla </ td>
</ Tr>
</ Table>
Frame (IFRAME)
<iframe src = "demo_iframe.htm"> </ iframe>
Formularios (Forms)
<Forma action = "demo_form.php" method = "post / get">
<Input type = "text" name = "e-mail" size = "40" maxlength = "50">
<Input type = "password">
<Input type = "casilla de verificación" comprobado = "marcada">
<Input type = "radio" comprobado = "marcada">
<Input type = "submit" value = "Enviar">
<Input type = "reset">
<Input type = "hidden">
<Seleccionar>
<Opción> Apple </ option>
<Opción selected = "selected"> plátano </ option>
<Opción> cereza </ option>
</ Select>
<Área de texto name = "comentario" rows = "60" cols = "20"> </ textarea>
</ Form>
Entidad (Entidades)
& Lt; equivalente a <& gt; equivalente a> & # 169; equivalente a ©