Enlaces (<a>)
This is a Link to Google.
Go to the W3C.
Website of Cuatrovientos.
Práctica: Repaso de HTML
Actividades del punto "1.7. Lenguaje de marcas HTML5" del libro Diseño Web de Interfaces de Garceta.
Párrafos (<p>)
Esto es un párrafo. Contiene un texto largo.
Cada párrafo genera un salto de línea respecto al final además de cierto margen.
Este sería el párrafo final.
Tablas (<table>)
| Id | Name | Description |
|---|---|---|
| 1 | HTML | Languaje of web documents |
| 2 | JavaScript | Languaje of web and mobiles |
| 2 items | ||
Listas (<ol>, <ul>)
Ordered list: best languajes
- JavaScript
- C++
- php
Unordered list: some databases
- MySQL
- Mongodb
- Oracle
Imágenes (<img>)
Los atributos alt, para mostrar texto alternativo a la imagen, y title son
interesantes para aplicar mejor técnicas de SEO.
El atributo crossorigins, válido para imagen y vídeo, permite configurar peticiones a
otros orígenes con dos posibles valores:
-
user-credentials:habilita CORS enviando las credenciales del usuario (envío de cookies, certificado o los valores de autenticación básica junto con la petición del recurso solicitado). -
anonymous:habilita el soporte para CORS, pero sin enviar credenciales al otro extermo.
Vídeos (<video>)
Trailer creado por la Blender Foundation.
Audios (<audio>)
Canvas (<canvas>)
Un canvas es un lienzo donde se pueden pintar gráficos mediante un API de JS.
Ha supuesto la posibilidad de desarrollar juegos en HTML5.
Menús contextuales (<menu>)
Permite crear menús contextuales dentro de la página. ¡OJO! No es un menú de NAV.
Elemento desaprobado. Ref.:https://developer.mozilla.org/es/docs/Web/HTML/Elemento/menu
Formularios (<form>)
Label (<label>)
Una label nos permite etiquetar de manera formal un campo de formulario.
Datalist (<datalist>)
Una datalist genera una lista de datos reutilizable por inputs, como listas.
Input (<input>)
Mediante los input creamos los campos del formulario.
Button
Hay tres tipos básicos:
- Input Button: botón genérico. Hay que asociarle JS o no hará nada.
- Input Submit: dentro de un formulario provoca el envío del mismo.
- Input Reset: dentro de un formulario deja todos los campos vacíos o con las elecciones por defecto.
- Button: etiqueta que representa un botón.
Meter (<meter>)
Muestra una barra de progreso. Lo lógico es que sus valores cambien con JS.