Show Menu
Cheatography

HTML Basic Cheat Sheet by

Conceptos básicos HTML

Esencial HTML

<!D­OCTYPE html>
introd­ucción html
<ti­tle>
tiítulo de la página
<he­ad>
cabeza de la pag.
<bo­dy>
cuerpo de la pag
<me­ta>
puede ir el autor y más parámetros
<au­tho­r>
introduce el autor de la página

Tablas

<ta­ble> empezamos tabla
border= tamany borde tabla
<tr> empieza columna (va primero)
<th> inserta las primeras columnas (títulos)
<td> inserta las siguientes columnas (normales)
colspan= cantidad de celdas unidas en horizontal
rowspan= cantidad de celdas unidas en vertical

Formul­arios

**<form action­="mailto correo­@el­ect­ron­ico­" method­="ge­t">
<input type="r­adi­o" name="n­omb­re"> tipo (marcar una sola opcion­)(S­i/No)
<la­bel> va dentro de los campos de texto
<input type="t­ext­" name="n­omb­re"> campo de texto
<input type="r­ese­t" name="R­ese­tea­r"> resetear
<input type="s­ubm­it" name="E­nvi­ar"> enviar
<input type="c­hec­kbo­x" name="n­omb­re"> seleccion uno o varios
<select name="n­omb­rel­ist­a"> y dentro </o­ption value=­"­0,1­,2,­3,4­,5..."> marca unas listas y despliega opciones
textarea rows="N­ume­ro" cols="n­ume­ro"> area de texto grande (ej. observ­aci­ones)
<iframe src="./­arc­hiv­o.html o página web" width=­"­100­%" height­="65­0px­"­></­ifr­ame>
 

Texto HTML y cuerpos de body

<p> etiq. para introducir texto normal
backgr­ound= "url imagen­"
bgcolor="­col­ord­ocu­men­to"
text="­color para el texto docum."­
link="­color textos acceso enlace­"
vlink="­col­ort­extos que hemos visitado ya"
<h1­,h2­,h3> Cabeceras HTML
<b,­­i,­u> negrita, italica y subrallado
**<­fon­t> añadir fuente y texto dentro de esta etiqueta
face= tipo de fuente dentro de <fo­nt>
<a href="u­rl">­Tex­toe­nla­ce<­/a> link cn texto
<a id="­anc­la">Ancla
<a href=#­"­"­>Ir a ancla
<img src="url imagen­" alt="Texto alternt. imagen­">
<a title=­"­tit­ulo­ima­gen­" href="w­ww.u­rl­ima­gen.co­m"><img src="./­ima­gen.jp­g"><­/a> Url imagen click
 

Párrafos y textos HTML

align=center­,le­ft,­right alineación
<di­v> crear secciones o contenidos (conte­nedor)
<pr­e> elimina espacio en blanco adicional
&nbsp Espacio en blanco
<sp­an> Contenedor para aplicar estilo al texto
<bl­ock­quo­te> contenedor marca a autores o documentos

Listas

<ul> Listas desord­enadas (puntos)
<li> Elemento lista
<ol> Lista ordenada (nums y letras)
<li> Elemento lista
<dl> lista completa
<dt> delimitan terminos
<dd> defini­ciones
                                           
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Five ways to center DIV element in CSS Cheat Sheet

          More Cheat Sheets by JordiAlm