Latest web development tutorials

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 ... </ body> </ Html>

Ficha Básica (Basic Etiquetas)

<H1> el título más grande </ h1> <H2> ... </ H2> <H3> ... </ H3> <H4> ... </ H4> <H5> ... </ 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: [email protected]"> 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 ©