Paso 1: Código HTML más comun
Etiquetas básicas< html >< / html >
Crea un documento HTML
cabeza de < >< / cabeza >
Establece el título y otra información que no aparece en la propia página Web
< cuerpo >< / body >
Define la parte visible del documento
Etiquetas de encabezado
< title >< / title >
Pone el nombre del documento en la barra de título
Atributos del cuerpo
< cuerpo bgcolor =? >
Establece el color de fondo, utilizando el valor hexadecimal o nombre
< cuerpo texto =? >
Establece el color del texto, con valor hexadecimal o nombre
< link cuerpo =? >
Establece el color de los enlaces, usando el valor hexadecimal o nombre
< cuerpo vlink =? >
Establece el color de los links seguidos, con valor hexadecimal o nombre
< cuerpo alink =? >
Establece el color de los enlaces clic
Etiquetas de texto
< pre >< / pre >
Crea texto preformateado
< hl >< / HL >
Crea el titular más grande
< h6 >< / h6 >
Crea el titular más pequeño
< b >< /b >
Crea texto en negrita
< i >< / i >
Crea texto en cursiva
< tt >< TT >
Crea teletipo o texto estilo máquina de escribir
< cite >< / cite >
Crea una cita, generalmente cursiva
< em >< /em >
Enfatiza una palabra (con cursiva o negrita)
< fuerte >< / strong >
Enfatiza una palabra (con cursiva o negrita)
< tamaño de letra =? >< / font >
Establece el tamaño de fuente, de 1 a 7)
< el color de fuente =? >< / font >
Establece el color de fuente, utilizando el nombre o el valor hexadecimal
Enlaces
< a href = "URL" >< /a >
Crea un hipervínculo
< a href = "mailto:EMAIL" >< /a >
Crea un enlace mailto
< a name = "Nombre" >< /a >
Crea una ubicación de destino dentro de un documento
< a href = "#NAME" >< /a >
Enlaces a ese lugar de destino de otras partes del documento
Formato
< p >< /p >
Crea un nuevo párrafo
< p align =? >
Permite alinear un párrafo a la izquierda, derecha o centro
< br >
Inserta un salto de línea
< blockquote >
< / blockquote >
Aplica sangría al texto de ambos lados
< dl >< /dl >
Crea una lista de definición
< dt >
Precede cada término de definición
< dd >
Precede cada definición
< ol >< /ol >
Crea una lista numerada
< li >< /li >
Precede a cada elemento de la lista y agrega un número
< ul >< /ul >
Crea una lista con viñetas
< div align =? >
Un tag genérico utilizado para formatear grandes bloques de HTML, también se utiliza para hojas de estilo
Elementos gráficos
< img src = "nombre" >
Agrega una imagen
< img src = "nombre" align =? >
Alinea una imagen: izquierda, derecha, centro; media superior, inferior,
< img src = "nombre" border =? >
Define el tamaño de borde alrededor de una imagen
< h >
Permite insertar una regla horizontal
< h tamaño =? >
Establece el tamaño (altura) de la regla
< h anchura =? >
Establece el ancho de la regla, en porcentaje o valor absoluto
< h noshade >
Se crea una regla sin una sombra
Tablas
< table >< / table >
Crea una tabla
< tr >< /tr >
Pone en marcha cada fila de una tabla
< td >< /td >
Pone en marcha cada celda de una fila
< th >< /th >
Pone en marcha la cabecera de la tabla (una celda normal con texto negrita, centrado)
Atributos de tabla
< borde tabla = #>
Establece el ancho del borde alrededor de las celdas de tabla
< table cellspacing = #>
Establece la cantidad de espacio entre celdas de tabla
< table cellpadding = #>
Establece la cantidad de espacio entre el borde de la celda y su contenido
< tabla ancho = # o % >
Establece el ancho de la tabla en píxeles o como un porcentaje del ancho del documento
< tr align =? > o < td align =? >
Establece la alineación de celdas (izquierda, centro o derecha)
< tr valign =? > o < td valign =? >
Establece la alineación vertical de celdas (superior, medio o inferior)
< td colspan = #>
Número de columnas de que una celda debe abarcar
< td rowspan = #>
Establece el número de filas debe abarcar una célula (por defecto = 1)
< td nowrap >
Impide que se rompa para adaptarse a las líneas dentro de una célula
Marcos
< frameset >< / conjunto de Marcos >
Reemplaza la etiqueta < body > en un documento de marcos; también se pueden anidar en otros conjuntos de marcos
< frameset filas = "valor" >
Define las filas dentro de un conjunto de Marcos, utilizando el número de píxeles o porcentaje de ncho w
< frameset cols = "valor" >
Define las columnas dentro de un frameset, usando número en píxeles o en porcentaje del ancho
marco de < >
Define un solo marco o región dentro de un conjunto de marcos
< noframes >< / noframes >
Define lo que aparecerá en navegadores que no soportan marcos
Atributos de los marcos
< frame src = "URL" >
Especifica que documento HTML debe mostrarse
< nombre de frame = "nombre" >
Los nombres del marco, o región, por lo que puede ser objeto de otros marcos
< marco marginWidht = #>
Define los márgenes izquierdos y derecho del marco; debe ser igual o mayor que 1
< marco marginheight = #>
Define los márgenes superior e inferior del marco; debe ser igual o mayor que 1
< marco desplazamiento = valor >
Establece si el marco tiene una barra de desplazamiento; valor puede ser igual "sí", "no" o "auto." El valor predeterminado, como en los documentos, es auto.
< marco noresize >
Impide que el usuario cambiar el tamaño de un marco
Formas
Formas funcionales, tendrás que ejecutar un script CGI. El HTML sólo crea la apariencia de un formulario.
formulario de < >< / form >
Crea todas las formas
< seleccionar múltiples nombre = "Nombre" tamaño =? >< / select >
Crea un menú desplegable. Tamaño establece el número de elementos de menú visible antes de que usted necesita para desplazarse.
opción de < >
Pone en marcha cada elemento de menú
< select nombre = "Nombre" >< / select >
Crea un menú desplegable
opción de < >
Pone en marcha cada elemento de menú
< textarea nombre = cols "Nombre" = 40 filas = 8 >