Un listado completo de los ejemplos más relevantes de Virtualnauta.

Ejemplos de HTML

Los ejemplos estan clasificados por temas y a su vez por los distintos elementos del lenguaje.

Si desea más ejemplos con diferentes variantes o valores puede dirigirse al enlace que se encuentra al final de cada sección.

Etiquetas Básicas

Etiquetas	Descripción	Ej
<h1>...<h6>	Títulos de diferentes tamaños.
<p>	Escribir un párrafo.
<!-->	Poner un comentario en el código.
<br>	Para hacer un salto de línea.
<hr>	Dibujar una línea horizontal.

Si deseas profundizar en el tema de etiquetas básicas, dirígete a HTML Etiquetas Básicas

Formatos de texto

Etiquetas	Descripción	Ej
<b>	Texto en negrita.
<big>	Texto grande.
<em>	Texto enfatizado.
<i>	Texto en itálica.
<small>	Texto pequeño.
<strong>	Texto fuerte.
<sub>	Texto por debajo.
<sup>	Texto por encima.
<ins>	Texto subrayado.
<del>	Texto tachado.
<tt>	Texto teletipo.

Si deseas profundizar en el tema de formatos de texto, dirígete a HTML Formato de texto

Enlaces - Links

Etiquetas	Descripción	Ej
<a>	Crear un vínculo simple.
	Marcapáginas de un documento.
	Abrir un vínculo en una nueva ventana.
	Abrir un vínculo en el frameset padre.
	Abrir un vínculo en el mismo frame.
	Abrir un vínculo en una ventana de tamaño completo.

Si deseas profundizar en el tema de vínculos, dirígete a HTML Enlaces

Formularios

Etiquetas	Descripción	Ej
<form>	Crear un formulario simple.
	La respuesta al formulario se abrirá en una nueva ventana.
	La respuesta al formulario se abrirá en el mismo frame del formulario.
	La respuesta al formulario se abrirá en el frameset padre.
	La respuesta al formulario se abrirá en una ventana de tamaño completo.
<input>	Usar un botón gráfico para mandar los formularios.
	Un formulario tipo checkbox.
	Un formulario para subir archivos.
	Un formulario con datos ocultos.
	Un formulario con un botón personalizado con una imagen.
	Un formulario con ingreso de password.
	Un formulario del tipo radio.
<fieldset>	Dibujar un recuadro alrededor del formulario con un título.
<select>	Menú desplegable.
<optgroup>	Poner subtítulos dentro del menú desplegable.

Si deseas profundizar en el tema de formularios, dirígete a HTML Formularios

Imágenes

Etiquetas	Descripción	Ej
<img>	Colocar una imagen en el documento.
	Modificar las medidas de una imagen.
	Crear un mapa de una imagen.

Si deseas profundizar en el tema de imágenes, dirígete a HTML Imágenes

Frames - Marcos

Etiquetas	Descripción	Ej
<frameset>	Definir marcos verticales.
	Definir marcos horizontales.
<frame>	División de marcos sin bordes.
	Uso de márgenes dentro de los marcos.
	Marcos fijos que no permiten cambiar su tamaño.
	Uso de la barra de desplazamiento dentro de los marcos.
<noframes>	En caso que el navegador del usuario no soporte marcos.
<iframe>	Alinéamos un iframe a la derecha de la página.
	Mostrar un iframe sín los bordes.
	Definir la altura del iframe a nuestro gusto.
	Definir el ancho del iframe.
	Mostrar un iframe sín las barras de desplazamiento.

Si deseas profundizar en el tema de marcos, dirígete a HTML Frames

Tablas

Etiquetas	Descripción	Ej
<table>	Definir el espesor del borde de una tabla.
	Tamaño del relleno de cada celda de la tabla.
	Separación entre celdas de una tabla.
	Especificar los bordes que serán visibles de la tabla.
	Visualizar solo las líneas horizontales de una tabla.
	Especificar el ancho de la tabla.
<tr>	Alinear horizontalmente el contenido de las celdas de una fila.
	Alinear verticalmente el contenido de las celdas de una fila.
<td>	Alinear horizontalmente el contenido de una celda.
	Alinear verticalmente el contenido de una celda.
	Agrupamos un número de celdas horizontalmente.
	Agrupamos un número de celdas verticalmente.

Si deseas profundizar en el tema de tablas, dirígete a HTML Tablas

Listas

Etiquetas	Descripción	Ej
<ol>	Hacer una lista ordenada.
<ul>	Hacer una lista sín orden alguno.
<dl>	Hacer una lista descriptiva.

Si deseas profundizar en el tema de listas, dirígete a HTML Listas