Add to Flipboard Magazine.

Etiquetas del codigo html mas importantes

Tags Basicos.


<html></html>
Crea un documento HTML
<head></head>
Sea el ti­tulo y otra informacion que no se visualizara en la pagina web
<body></body>

Setea la parte visible de la pagina.

Header Tags
<title></title>
Pone el nombre del documento en la barra del ti­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 titulo grande
<h6></h6>
Crea un ti­tulo pequeo.
<b></b>
Crea texto en negritas
<i></i>
Crea texto en italicas.
<tt></tt>
Crea texto teletipo.
<cite></cite>
Crea una cita, usando italicas.
<em></em>
Enfatiza una palabra.
<strong></strong>
Enfatiza una palabra (con italicas 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 hipervinculo
<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 parrafo nuevo.

<p align=?>
Alinea un parrafo (izquierda, centro, derecha)
<br>

Inserta un salto de li­nea.

<blockquote>
</blockquote>
Justifica el texto a ambos lados
<dl></dl>
Crea un lista de definición.
<dt>
Precede cada termino de definición.
<dd>
Precede cada definición.
<ol></ol>
Crea un lista numerada.
<li></li>
Precede cada item de una lista y le agrega un numero.
<ul></ul>
Crea una lista con puntos.
<div align=?>
Un tag generico utilizado para formatear grandes bloques de HTML, tambien usado para stylesheets
Elementos Graficos
<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 alineacion delas celdas (izquierda, centro, derecha)
<tr valign=?> or <td valign=?>
Setea la alineacion 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 numeros o porcentaje para definir el largo
<frameset cols=”value,value”>
Define las columnas de un frame, usando numeros o porcentaje para definir el largo
<frame>
Define un solo frame – o region – dentro de frameset
<noframes></noframes>
Define lo que aparecera en navegadores que no soporten frames.
Atributos de los Frames
<frame src=”URL”>
Especifica que documento html sera desplegado.
<frame name=”name”>
Nombra al frame or region, para que pueda ser llamado desde otro frame.
<frame marginwidth=#>
Define los margenes derecho e izquierdo del frame; debe ser igual o mayor a 1.
<frame marginheight=#>
Define los margenes de arriba y abajo del frame; debe ser igual o mayor a 1.
<frame scrolling=VALUE>
Setea si el frame tendra 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 tamano del frame.
Formularios
Para forms funcionales, debera correr un script de CGI. El HTML solo crea la apariencia del formulario.
<form></form>
Crea el formulario
<select multiple name=”NAME” size=?></select>

Crea un menu de desplazamiento.

Size setea el numero de i­tems visibles antes de tener que desplazarse.
<option>
Setea cada item del menu
<select name=”NAME”></select>
1 Crea un menu desplegable
<textarea name=”NAME” cols=40 rows=8></textarea>
2 Crea una area de texto.
<input type=”checkbox” name=”NAME”>
3 Crea una checkbox.
<input type=”radio” name=”NAME” value=”x”>
4 Crea un radio button.
<input type=text name=”foo” size=20>
5 Crea un area de texto de una sola li­nea. Size setea el largo en caracteres.
<input type=”submit” value=”NAME”>
6 Crea un boton de envio.
<input type=”image” border=0 name=”NAME” src=”name.gif”>
7 Crea un boton de envio utilizando una imagen.
<input type=”reset”>
8 Crea un boton de reseteo

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *