En este artículo veremos las etiquetas del código html más importantes:
| Tags Básicos |
| <html></html> Crea un documento HTML |
| <head></head> Stea el título y otra información que no se visualizará en la página web |
| <body></body> Setea 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=?> Setea el color de fondo, usando nombres o valores hex |
| <body text=?> Setea el color del texto, usando nombres o valores hex |
| <body link=?> Setea el color de los enlaces, usando nombres o valores hex |
| <body vlink=?> Setea el color de los enlaces visitados, usando nombres o valores hex |
| <body alink=?> Setea 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> Setea el cuerpo de la fuente de 1 a 7 |
| <font color=?></font> Setea el color de la fuente, usando nombres o valores hex |
| Enlaces |
| <a href="URL"></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=?> 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> 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 |
| Elementos Gráficos |
| <img src="name"> Agrega una imagen |
| <img src="name" align=?> Alinea una imagen an image |
| <img src="name" border=?> Setea el grosor del borde de la imagen |
| <hr> Inserta una linea horizontal |
| <hr size=?> Setea la altura de una linea |
| <hr width=?> Setea 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> Setea cada row de la tabla |
| <td></td> Setea cada celda de la tabla |
| <th></th> Setea el header de la tabla (una celda normal, con texto centrado y resaltado) |
| Atributos de las Tablas |
| <table border=#> Setea el grosor del borde de la tabla |
| <table cellspacing=#> Setea la cantidad de espacio entre las celdas |
| <table cellpadding=#> Setea la cantidad de espacio entre el borde de las celdas y su contenido |
| <table width=# or %> Setea el ancho de la tabla – en pixel o en porcentaje de acuerdo al ancho del documento |
| <tr align=?> or <td align=?> Setea la alineación delas celdas (izquierda, centro, derecha) |
| <tr valign=?> or <td valign=?> Setea la alineación vertical de las celdas (arriba, nedio, abajo) |
| <td colspan=#> Setea la cantidad de columnas dentro de una celda |
| <td rowspan=#> Setea la cantidad de rows que una celda despliega (por defecto=1) |
| <td nowrap> Previene que se rompa una linea dentro de la celda |
| Frames |
| <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 frames |
| Atributos de los Frames |
| <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> Setea 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> Setea 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. |
