Ejemplos HTML

❮ AnteriorSiguiente ❯

---

HTML Básico

Documento 
HTML encabezados 
HTML párrafos 
HTML enlaces 
HTML imágenes HTML

Ejemplos explicados

---

HTML Atributos

El atributo del título El atributo 
href Los atributos de 
ancho y alto 
El atributo alt 
Atributo sin comillas El 
atributo sin comillas no funciona

Ejemplos explicados

---

HTML Encabezados

Títulos 
HTML HTML horizontal rules 
HTML head

Ejemplos explicados

---

HTML Párrafos

Párrafos HTML 
Más párrafos HTML 
El uso de saltos de línea en 
problemas de Poema HTML (algunos problemas con el formato HTML) 
Cómo controlar los saltos de línea y espacios con la etiqueta <pre>

Ejemplos explicados

---

HTML Estilos

Estilos 
HTML HTML color de fondo HTML color de 
texto 
HTML fuente de 
texto HTML tamaño de 
texto HTML alineación de texto

Ejemplos explicados

---

www.micompraventa.net

---

Formato de texto HTML

Negrita formateo utilizando el elemento <b> 
Formateo fuerte usando el elemento <strong> 
Formateo cursivo usando el elemento <i> 
Formateo enfatizado usando el elemento <em> 
Formateo pequeño usando el elemento <pequeño> 
Formateo marcado usando el elemento <marca> 
Marcado eliminado utilizando el elemento <del> 
Marcado insertado usando el elemento <ins> 
Marcado eliminado e insertado usando <del> y <ins> 
Formateo de subíndices usando el elemento <sub> 
Formato de superíndice usando el elemento <sup>

Ejemplos explicados

---

HTML Citas y citas

Formateando citas cortas con el elemento <q>. 
Formateo de secciones citadas con el elemento <blockquote>. 
Dar formato a la información del autor / propietario del documento con el elemento <address> Dar 
formato a las abreviaturas y acrónimos del elemento <abbr> Dar 
formato al título del trabajo con el elemento 
<cite> Dar formato a la dirección del texto con el elemento <bdo>

Ejemplos explicados

---

HTML Comentarios

Comentarios ocultos Comentarios 
condicionales 
Comentarios para la depuración

Ejemplos explicados

---

HTML CSS

HTML con CSS en línea 
HTML con CSS interno 
HTML con CSS externo 
HTML con fuentes CSS 
HTML con CSS usando el atributo id 
HTML con CSS usando el atributo de clase 
HTML y CSS border 
HTML y CSS padding 
HTML y CSS margin 
HTML y CSS full demo

Ejemplos explicados

---

HTML Enlaces

Vinculación, uso de un enlace URL absoluto 
, uso de una URL relativa 
Cambio del color de los enlaces 
Eliminación del subrayado de los enlaces 
Cambio del destino de un enlace 
Una imagen como enlace 
Creación de un enlace de marcador 
Un enlace que se rompe de un marco 
Un enlace de 
correo A Un correo enlace con el tema

Ejemplos explicados

---

HTML Imágenes

La montaña 
Una altura y ancho de la imagen usando atributos 
Una altura y ancho de la imagen usando CSS 
Un alto y ancho de la imagen usando 
una imagen en otra carpeta 
Una imagen con un enlace roto 
una imagen en otro servidor 
usando una imagen como un enlace 
una imagen en movimiento 
una imagen mapa con regiones clicables 
Una imagen flotante

Ejemplos explicados

---

HTML Tablas

Tablas HTML básicas 
Una tabla con bordes 
Una tabla con bordes cerrados 
Una tabla con el relleno de celdas 
Una tabla con encabezados 
Una tabla con los encabezamientos alineados a la izquierda 
horizontal / vertical encabezados de la tabla 
de una mesa con un pie de foto 
celdas de la tabla que abarcan más de una columna de 
celdas de la tabla que abarcan más de una fila 
Una tabla con espaciado celular 
Una tabla con etiquetas HTML dentro de 
Tablas con estilo diferente usando Id I 
Tablas con estilo diferente usando id II 
Tablas con estilo diferente usando clases de clase I 
con diferentes estilos usando clase II

Ejemplos explicados

---

HTML Listas

Lista desordenada (predeterminada) 
Lista desordenada con viñetas de disco 
Lista desordenada con viñetas circulares 
Lista desordenada con viñetas cuadradas 
Lista desordenada sin viñetas 
Lista ordenada (predeterminada) 
Lista ordenada con números 
Lista ordenada con letras 
Lista ordenada con minúsculas letters 
Una lista ordenada con números romanos 
Una lista ordenada con números romanos en minúscula 
Una lista de descripción 
Una lista anidada I 
Una lista anidada II 
Una lista 
horizontal Un menú de lista horizontal

Ejemplos explicados

---

Bloque HTML y elementos en línea

Elementos Styling <div> Elementos 
Styling <span>

Ejemplos explicados

---

HTML Clases

Elementos de la clase <div> Elementos de la 
clase I <Elementos de II 
Classing <span>

Ejemplos explicados

---

HTML Diseño

Diseño con float 
Layout con flexbox 
Layout con flexbox 2 
Diseño con flexbox 3

Ejemplos explicados

---

HTML IFrame

Marco en línea (un marco dentro de una página HTML)

Ejemplos explicados

---

Elementos de cabeza HTML

Un documento HTML válido sin <html> <body, y <head> 
Un documento HTML válido sin elemento <head> 
El elemento <title> define el título del documento 
El elemento <style> contiene información sobre el estilo 
El elemento <link> define un documento relación con un recurso externo 
El elemento <meta> define meta-información especial 
El elemento <script> define los JavaScripts del lado del cliente 
El elemento <base> define la URL base para todas las URL

Ejemplos explicados

---

Scripts HTML

Insertar una secuencia de comandos 
Uso de la etiqueta <noscript>

Ejemplos explicados

---

HTML Código de Computadora Elements

Formato de entrada de teclado usando el elemento <kbd> 
Formateo de salida de computadora usando el elemento <samp> 
Formateo de código de programación usando el elemento <code> 
Formateo de código de programación preservando espacios en blanco y saltos de línea 
Formateo variable usando el elemento <var>

Ejemplos explicados

---

HTML Formularios

Formulario con entrada de texto 
Formulario con entrada de botón de radio 
Formulario con campos de texto y botón de envío 
Formulario con campos de texto sin nombre de nombre 
Agrupar datos de formulario 
Enviar correo electrónico desde un formulario

Ejemplos explicados

---

HTML Elementos de Formulario

Una lista desplegable simple Una lista 
desplegable con un valor preseleccionado 
Un área de texto (un campo de entrada de texto multilínea) 
Un botón de entrada 
Usando el elemento <datalist> 
Usando el elemento <keygen> Usando el elemento 
<output>

Ejemplos explicados

---

HTML Tipos de Entrada

Texto de tipo de entrada Tipo de 
entrada contraseña Tipo de 
entrada de radio Tipo de 
entrada casilla de 
entrada Tipo de 
entrada Número de entrada - con restricciones 
Número de tipo de entrada - con pasos 
Fecha de tipo de entrada - con selector de 
fecha Tipo de entrada fecha - con restricciones 
Color de tipo de entrada - con Selector de color 
Tipo de entrada rango 
Tipo de entrada mes Tipo de 
entrada semana 
Tipo de 
entrada hora Tipo de 
entrada fecha y hora Tipo de entrada fecha y hora-local 
Tipo de 
entrada correo electrónico Tipo de 
entrada de búsqueda Tipo de entrada tel 
Tipo de entrada url

Ejemplos explicados

---

HTML Atributos de Entrada

The autocomplete attribute
The novalidate attribute
The autofocus_attribute
The form attribute
The formaction attribute
The formenctype attribute
The formmethod attribute
The formnovalidate attribute
The formtarget attribute
The height and width attributes
The list attribute
The min and max attributes
The multiple attribute
The pattern attribute
The placeholder attribute
The required attribute
The step attribute

Ejemplos explicados

---

HTML5 Canvas

Dibujar en el lienzo con JavaScript 
Dibujar una línea con lineTo () 
Dibujar un círculo con arc () 
Dibujar un texto con fillText () 
Dibujar un texto con strokeText () 
Dibujar un degradado lineal 
Dibujar un degradado circular 
Dibujar una imagen con drawImage ()

Ejemplos explicados

---

SVG HTML5

SVG Circle 
SVG Rectángulo SVG Rectángulo 
redondeado 
SVG Star 
SVG Logotipo

Ejemplos explicados

---

HTML5 Media

Juegue a Bunny 
Play lleve el video con los controles 
Juegue a llevar el video con la reproducción automática 
Juegue el sonido de Caballo con los controles

Ejemplos explicados

---

Geolocalización HTML5

Obtener coordenadas de geolocalización 
Gestionar errores de geolocalización 
Obtener geolocalización con un mapa 
Obtener geolocalización con guión de mapa de Google 
Obtener geolocalización y ver la posición

Ejemplos explicados

---

Almacenamiento local HTML5

Almacenar un nombre de forma permanente 
Almacenar un contador de forma permanente 
Almacenar un contador de una sesión

Ejemplos explicados

---

Más ejemplos HTML5

HTML5 arrastrar y soltar 
trabajadores web 
HTML5 Servidores enviados HTML5

❮ AnteriorSiguiente ❯