buson.NET/buesa.NET (RECURSOS)

> menú > recursos > utilidades >> Etiquetas HTML

A continuación os presentamos las etiquetas del lenguaje HTML básicas que por lo menos deben conocerse a la hora de desarrollar vuestras páginas web algunas de ellas presentan diferencias de presentación en los diferentes navegadores.

FUNDAMENTALES
ETIQUETAS	PROPIEDADES	DESCRIPCION
<html> </html>		Inicio y final del documento html
<head> </head>		Aloja la informacion general del documento que se servirá al navegador.
<title> </title>		Titulo del documento. Visible en la barra del navegador.
<body> </body>	background bgcolor bgsound font link alink vlink topmargin leftmargin marginheight marginwidth	Inicio y final del cuerpo del documento html. (en palabras sencillas lo que vemos)

MODIFICACIÓN DE TEXTO
ETIQUETAS	DESCRIPCION	EJEMPLO
<b> </b>	NEGRITA	Texto Ejemplo
<i> </i>	ITALICA	Texto Ejemplo
<u> </u>	SUBRAYADO	Ejemplo
<pre> </pre>	PREFORMATEADO	Ejemplo
<h1> </h1>	ENCABEZADO 1	Ejemplo
<h2> </h2>	ENCABEZADO 2	Ejemplo
<h3> </h3>	ENCABEZADO 3	Ejemplo
<h4> </h4>	ENCABEZADO 4	Ejemplo
<h5> </h5>	ENCABEZADO 5	Ejemplo
<h6> </h6>	ENCABEZADO 6	Ejemplo
<sub> </sub>	SUBÍNDICE	_Subíndice
<sup> </sup>	SUPERÍNDICE	^Superíndice

ETIQUETAS	PROPIEDADES	DESCRIPCION
FUENTES
<font> </font>	color size name	Aplica estilo al texto
ENLACES
<a> </a>	href target style class name id	Genera un hipervínculo a un documento, fichero, etc, etc...
IMÁGENES
<img>	src alt name border height width	Crear una imagen
FORMATOS
ETIQUETAS	DESCRIPCION	EJEMPLO
<blockquote> </blockquote>	UTILIZADA PARA CITAS LARGAS. (INCLUIR EL TEXTO E IMAGENES ENTRE LAS ETIQUETAS)	Ejemplo de texto en formato block quote
<ol> </ol>	LISTA ORDENADA (utilizada con <li>)	elemento 1
<ul> </ul>	LISTA DESORDENADA (sin <li>)	elemento 1
<li>	LISTA DE ELEMENTOS
<dd> </dd>	LISTA DE DEFINICIONES	Texto Ejemplo
<dt>	TÉRMINO DEFINIDO	Texto Ejemplo
<dd>	DESCRIPCION DEFINIDA	Texto Ejemplo
<p> </p>	PARRAFO	Ejemplo Texto
<br>	Salto de Linea	Ejemplo Texto
<hr>	BARRA HORIZONTAL
<center> </center>	CENTRAR ELEMENTOS	EJEMPLO

TABLAS
ETIQUETAS	PROPIEDADES	DESCRIPCION
<table> </table>	border cellpadding cellspacing width height name id title bgcolor background align valign	Engloba todos los elementos de la tabla
<tr> </tr>	height bgcolor background align valign title	Definicion de 1 fila
<td> </td>	height width bgcolor background align valign title colspan rowspan	Definición de 1 celda de la tabla
<th> </th>	height width bgcolor background align valign title colspan rowspan	Encabezado de Tabla. Automaticamente centra y aplica negrita al contenido.
<tbody> </tbody>	height width align valign bgcolor background	Aplica el formato elegido alrededor de las celdas.
<colgroup> </colgroup>	height width align valign bgcolor background colspan	Aplica el formato a las columnas señaldas.

FORMULARIOS
ETIQUETAS	PROPIEDADES	DESCRIPCION O EJEMPLO
<form> </form>	method action name	TODOS LOS ELEMENTOS DEL FORMULARIO DEBEN SITUARSE EN EL INTERIOR DE ESTA ETIQUETA.
<input type=>	text password hidden radio checkbox submit image reset	Elementos de un formulario.
text	name value width maxlength
password	name value width maxlength
hidden	name value	Utilizada para convertir elementos ocultas en formularios o elementos del formulario.
radio	name value	>BOTON DE OPCION 1 >BOTON DE OPCION 2
checkbox	name value checked	CASILLA DE VERIFICACION 1 CASILLA DE VERIFICACION 2
submit	value
image	src height width alt name border
reset	value
<select> </select>	name size	Crea los menus desplegables cuando se utiliza conjuntamente con <option>
<option>	selected name value
<textarea> </textarea>	name rows cols wrap	CUADRO DE TEXTO CON DESPLAZAMIENTO. EL TEXTO ENTRE LAS ETIQUETAS
wrap	off virtual physical	no envuelve envuelve la palabra, produce una linea envuelve la palabra, produce un salto

Ejemplo

Ejemplo

Ejemplo

Ejemplo

Ejemplo

Ejemplo