Inicio de sesión
RSS
En línea
Referencia rápida del código HTML
Ahora veremos una lista de las etiquetas (tags) más usadas cuando uno hace una página web en HTML.
Los tags son los siguientes:
Tags Básicos
<html></html>
Crea un documento HTML.
<head></head>
Indicamos el título y otra información que no se visualizará en la página web.
<body></body>
Define la parte visible de la página.
Header Tags
<title></title>
Pone el nombre del documento en la barra del título.
Atributos del Body
<body bgcolor=""?"">
Define el color de fondo, usando nombres o valores hex.
<body text=""?"">
Define el color del texto, usando nombres o valores hex.
<body link=""?"">
Define el color de los enlaces, usando nombres o valores hex.
<body vlink=""?"">
Define el color de los enlaces visitados, usando nombres o valores hex.
<body alink=""?"">
Define el color de los enlaces al ser presionados, usando nombres o valores hex.
Tags de texto
<pre></pre>
Crea texto preformateado.
<hl></hl>
Crea un título grande.
<h6></h6>
Crea un título pequeño.
<b></b>
Crea texto en negritas.
<i></i>
Crea texto en itálicas.
<tt></tt>
Crea texto teletipo.
<cite></cite>
Crea una cita, usando itálicas.
<em></em>
Enfatiza una palabra.
<strong></strong>
Enfatiza una palabra (con itálicas or negritas).
<font size=""?""></font>
Define el cuerpo de la fuente de 1 a 7.
<font color=""?""></font>
Define el color de la fuente, usando nombres o valores hex.
Enlaces
<a href="URI"></a>
Crea un hipervínculo.
<a href="mailto:EMAIL"></a>
Crea un enlace de email.
<a name="NAME"></a>
Crea un enlace dentro del documento.
<a href="#NAME"></a>
Vincula a ese target dentro del documento Formatting.
<p ></p >
Crea un párrafo nuevo.
<p align=""?""></p >
Alinea un párrafa (izquierda, centro, derecha).
<br>
Inserta un salto de línea.
<blockquote></blockquote>
Justifica el texto a ambos lados.
<dl></dl>
Crea un lista de definición.
<dt>
Precede cada término de definición.
<dd></dd>
Precede cada definición.>
<ol></ol>
Crea un lista numerada.
<li></li>
Precede cada ítem de una lista y le agrega un número.
<ul></ul>
Crea una lista con puntos.
<div align="?">
Un tag genérico utilizado para formatear grandes bloques de HTML, también usado para stylesheets o CSS.
Elementos Gráficos
<img src="name">
Agrega una imagen.
<img src="imagen.gif" align="?">
Alinea una imagen an image.
<img src="name" border="?">
Define el grosor del borde de la imagen.
<hr>
Inserta una linea horizontal.
<hr size="?">
Define la altura de una linea.
<hr width="?">
Define el ancho de la linea, en porcentaje o números absolutos.
<hr noshade>
Inserta una linea horizontal sin sombra.
Tablas
<table></table>
Crea una tabla.
<tr></tr>
Define cada fila de la tabla.
<td></td>
Define cada celda de la tabla.
<th></th>
Define el header de la tabla (una celda normal, con texto centrado y resaltado).
Atributos de las Tablas
<table border="#">
Define el grosor del borde de la tabla.
<table cellspacing="#">
Define la cantidad de espacio entre las celdas.
<table cellpadding="#">
Define la cantidad de espacio entre el borde de las celdas y su contenido.
<table width="# o %">
Define el ancho de la tabla - en pixel o en porcentaje de acuerdo al ancho del documento.
<tr align="?"> o <td align="?">
Define la alineación delas celdas (izquierda, centro, derecha).
<tr valign="?"> o <td valign="?">
Define la alineación vertical de las celdas (arriba, nedio, abajo).
<td colspan="#">
Define la cantidad de columnas dentro de una celda.
<td rowspan="#">
Define la cantidad de rows que una celda despliega (por defecto=1).
<td nowrap>
Previene que se rompa una linea dentro de la celda.
Marcos
<frameset></frameset>
Tag dentro de un documento de frames.
<frameset rows="value,value">
Define las filas de un frame, usando números o porcentaje para definir el largo.
<frameset cols="value,value">
Define las columnas de un frame, usando números o porcentaje para definir el largo.
<frame>
Define un solo frame - o región - dentro de frameset.
<noframes></noframes>
Define lo que aparecerá en navegadores que no soporten marcos.
Atributos de los Marcos
<frame src="URL">
Especifica que documento html será desplegado.
<frame name="name">
Nombra al frame or región, para que pueda ser llamado desde otro frame.
<frame marginwidth="#">
Define los márgenes derecho e izquierdo del frame; debe ser igual o mayor a 1.
<frame marginheight="#">
Define los márgenes de arriba y abajo del frame; debe ser igual o mayor a 1.
<frame scrolling="value">
Define si el frame tendrá barra de desplazamiento o no; el valor debe ser "yes," "no," o "auto. " El default es "auto".
<frame noresize>
Previeve al usuario de cambiar el tamaño del frame.
Formularios
Para forms funcionales, deberá correr un script de CGI. El HTML sólo crea la apariencia del formulario.
<form></form>
Crea el formulario.
<select multiple name="NAME" size="?"></select>
Crea un menú de desplazamiento. Size setea el número de ítems visibles antes de tener que desplazarse.
<option>
Define cada ítem del menú.
<select name="NAME"></select>
Crea un menú desplegable.
<textarea name="NAME" cols="40" rows="8"></textarea>
Crea una área de texto.
<input type="checkbox" name="NAME">
Crea una checkbox.
<input type="radio" name="NAME" value="x">
Crea un radio button.
<input type=text name="foo" size="20">
Crea un área de texto de una sola línea. Size setea el largo en caracteres.
<input type="submit" value="NAME">
Crea un botón de envio.
<input type="image" border="0" name="NAME" src="name.gif">
Crea un botón de envio utilizando una imagen.
<input type="reset">
Crea un botón de reseteo.
