Ejemplos de HTML
Un listado completo de los ejemplos más relevantes de Virtualnauta.
Recopilación de los ejemplos HTML de este tutorial
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 |
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
| 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
| 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
| 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 para subir imágenes. |
 |
| 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
| 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
| 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> |
Alineamos un iframe a la derecha de la página. |
 |
| Mostrar un iframe sin los bordes. |
 |
| Definir la altura del iframe a nuestro gusto. |
 |
| Definir el ancho del iframe. |
 |
| Mostrar un iframe sin las barras de desplazamiento. |
 |
Si deseas profundizar en el tema de marcos, dirígete a HTML Frames
| 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
| Etiquetas |
Descripción |
Ej |
| <ol> |
Hacer una lista ordenada. |
 |
| <ul> |
Hacer una lista sin orden alguno. |
 |
| <dl> |
Hacer una lista descriptiva. |
 |
Si deseas profundizar en el tema de listas, dirígete a HTML Listas
¿No encuentras lo que buscas?
<<< Tipos de Servidores Web
Examen de HTML >>>
Artículos
Los mejores 10 hostings
Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los
10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto,
he decidido investigar cual era la mejor.
continúe leyendo...
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 - 2011 by Martín Solomiak. Todos los derechos reservados.
webmaster@virtualnauta.com
Mapa del sitio