Virtualnauta
Sea protagonista de la Web

Virtualnauta > Tutorial HTML > Ejemplos

Ejemplos de HTML

Servidor Web Examen


Recopilación de los ejemplos de este sitio

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. Ejemplo
<p> Escribir un párrafo. Ejemplo
<!--> Poner un comentario en el código. Ejemplo
<br> Para hacer un salto de línea. Ejemplo
<hr> Dibujar una línea horizontal. Ejemplo

Si desea profundizar en el tema de etiquetas básicas, dirijase a HTML Etiquetas Básicas



Formatos de texto

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

Si desea profundizar en el tema de formatos de texto, dirijase a HTML Formato



Vínculos

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

Si desea profundizar en el tema de vínculos, dirijase a HTML Vínculos



Formularios

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

Si desea profundizar en el tema de formularios, dirijase a HTML Formularios



Imágenes

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

Si desea profundizar en el tema de imágenes, dirijase a HTML Imágenes



Frames - Marcos

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

Si desea profundizar en el tema de marcos, dirijase a HTML Marcos



Tablas

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

Si desea profundizar en el tema de tablas, dirijase a HTML Tablas



Listas

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

Si desea profundizar en el tema de listas, dirijase a HTML Listas



Servidor Web Examen

Búsqueda

 

Otros tutoriales

CSS
Herramientas Utiles

Google

Diseño Web

Diseño Web

Intercambio

Banners
Links

    Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

Copyright 2007 - 2008 by Martín Solomiak. Todos los derechos reservados.


webmaster@virtualnauta.com

Mapa del sitio Valid XHTML 1.0 Transitional Valid CSS!