html 5
Etiquetas html
| 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/>(no lleva cierre) | Hacer un salto de línea. | |
| <hr/>(no lleva cierre) | Dibujar una línea horizontal | |
| <blockquote> | Cita larga para párrafo(tabula a la derecha) | |
| <address> | Información sobre el autor | |
| <pre> | Respeta el formato del texto tal como se escribe | |
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 italica . | |
| <small> | Texto pequeño . | |
| <strong> | Texto fuerte mas que negrita . | |
| <sub> | Texto por debajo . | |
| <sup> | Texto por encima. | |
| <ins> | Texto subrayado . | |
| <del> | Texto tachado . | |
| <tt> | Texto teletipo. | |
| <code> | Fragmento de código ordenador. | |
| <cite> | Cita corta. | |
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 | |
| Crear un marcador a la página | |
|
| Abrir la página en la misma ventana | |
|
| Abrir la página en ventana nueva | |
Si deseas profundizar en el tema de vínculos, dirígete a HTML Enlaces
| Etiquetas | Descripción | Ej |
|---|---|---|
| <form> | Formulario simple metodo get | |
| Formulario simple método post | |
|
| Formulario envio email | |
|
<input/> (no lleva cierre) |
caja de texto | |
| caja de texto encriptado | ||
| caja de opciones de casillas | ||
| caja de opciones de radio | ||
| Botón de envio | ||
| Botón de borrado | ||
| Botón personalizado de imagen | ||
| <select> | lista despleable | |
| <textarea rows="5" cols="30"> | Se usa para crear un control de entrada de texto multilínea. Los atributos rows y cols nos indican la cantidad de filas y columnas que tendrá el recuadro del área de texto. |
Si deseas profundizar en el tema de formularios, dirígete a HTML Formularios
| Etiquetas | Descripción | Ej |
|---|---|---|
| <ol> | Hacer lista ordenada | |
<ul> | Hacer lista desordenada . | |
| <li> | Elementos o item de las listas ordenadas y no ordenadas | <dl> | Hacer una lista descriptiva . | |
| <dt> | Elementos o item de las listas descriptivas | |
Si deseas profundizar en el tema de listas, dirígete a HTML Listas
| Etiquetas | Descripción | Ej |
|---|---|---|
| <img/>(no lleva cierre) | Insertar imagen en documento | |
| <audio> | Colocar un audio para escuchar en un documento | |
| <video> | Colocar un video para ver en un documento | |
| <iframe> | Colocar una página web dentro de otra | |
Si deseas profundizar en el tema de imágenes, dirígete a HTML Imágenes
Si deseas profundizar en el tema de sonido y videodirígete a HTML sonido/video
Si deseas profundizar en el tema de iframes, dirígete a HTML iframe
| Etiquetas | Descripción | Ej |
|---|---|---|
| <tabla> | Insertar tabla | |
| <tr> | Inserta filas | |
| <th> | Encabezado de celda | |
| <td> | Insertar celdas . | |
| colspan para compartir celdas entre columnas | ||
| rowspan para compartir celdas entre filas |
Si deseas profundizar en el tema de tablas, dirígete a HTML Tablas
Muchas veces necesitamos incluir en nuestros textos, signos que tienen un significado especial en HTML
(por ej. "<" - menor que).
Para poder mostrarlos, debemos usar su nombre en código.
Los nombres de las entidades están compuestos por el signo(&), luego el nombre de la entidad y al final (";" - punto y coma).
Los números de estos caracteres están compuestos por (&), luego (# - numeral), el número de la entidad y al final (";" - punto y coma).
| Resultado | Descripción | Nombre | Número |
|---|---|---|---|
| Espacio en blanco | |   | |
| < | Menor que | < | < |
| > | Mayor que | > | > |
| & | & | & | |
| " | Comillas | " | " |
| ¡ | Apertura signo de exclamación | ¡ | ¡ |
| ¿ | Apertura signo de interrogación | ¿ | ¿ |
| ® | Marca registrada | ® | ® |
| © | Derecho de autor | © | © |
| ¤ | Euro | € | € |
| á | a minúscula con acento | á | á |
| é | e minúscula con acento | é | é |
| í | i minúscula con acento | í | í |
| ó | o minúscula con acento | ó | ó |
| ú | u minúscula con acento | ú | ú |
| ñ | ñ minúscula | ñ | ñ |
| ü | u minúscula con diéresis | ü | ü |
| Á | A mayúscula con acento | Á | Á |
| É | E mayúscula con acento | É | É |
| Í | I mayúscula con acento | Í | Í |
| Ó | O mayúscula con acento | Ó | Ó |
| Ú | U mayúscula con acento | Ú | Ú |
| Ñ | Ñ mayúscula | Ñ | Ñ |
| Ü | U mayúscula con diéresis | Ü | Ü |
Si quiere ver la guía completa de todas los caracteres especiales dirijase a HTML Guía de referencia de los caracteres especiales.