Foro | Los últimos tutoriales de desarrollo web

HTML Ejemplos


El formato HTML básico

documento HTML
HTML partidas
párrafos HTML
enlaces HTML
imágenes HTML

Los ejemplos explicados


Los atributos HTML

El atributo title
El atributo href
Los atributos de anchura y altura
El atributo alt
Características del producto sin comillas
Características del producto sin comillas no funciona

Los ejemplos explicados


encabezamientos HTML

HTML partidas
Reglas horizontales HTML
HTML head

Los ejemplos explicados


Los párrafos HTML

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

Los ejemplos explicados


Estilos HTML

estilos HTML
Color de fondo HTML
Color de texto HTML
Fuente de texto HTML
Tamaño de texto HTML
Alineación de texto HTML

Los ejemplos explicados


HTML Formato de texto

El formato de negrita usando el <b> elemento
Formateo fuerte usando el <strong> elemento
El formato de cursiva usando el <i> elemento
Hizo hincapié en el formato mediante el <em> elemento
Pequeño formato mediante el <small> elemento
Formato marcado con el <mark> elemento
Marcado borrar mediante el <del> elemento
Marcado insertado mediante el <ins> elemento
Marcado como eliminado e insertado utilizando <del> y <ins>
El subíndice formato mediante el <sub> elemento
El formato de superíndice utilizando el <sup> elemento

Los ejemplos explicados


Citas HTML y citas

Formateo de citas cortas con el <q> elemento.
Formateo citó secciones con el <blockquote> elemento.
Formato del documento de información sobre el autor / propietario con la <address> elemento
Formateo de abreviaciones y acrónimos la <abbr> elemento
Título de la obra con el formato <cite> elemento
Dirección de formato al texto con el <bdo> elemento

Los ejemplos explicados


Computercode elementos HTML

La entrada de teclado de formato mediante el <kbd> elemento
El formato de salida del ordenador utilizando el <samp> elemento
Código de programación de formato mediante el <code> elemento
Código de programación de formatear la preservación de espacios en blanco y saltos de línea
Formato variable mediante el <var> elemento

Los ejemplos explicados


comentarios HTML

comentarios ocultos
los comentarios condicionales
Comentarios para la depuración

Los ejemplos explicados


HTML CSS

HTML con CSS en línea
HTML con CSS interna
HTML con CSS externo
HTML con CSS fuentes
HTML con CSS usando el atributo id
HTML con CSS usando el atributo de clase
Fronteras HTML y CSS
HTML y CSS acolchado
Margen de HTML y CSS
HTML y CSS de demostración completa

Los ejemplos explicados


Enlaces HTML

La vinculación, utilizando una URL absoluta
La vinculación, utilizando una URL relativa
Cambiar el color de los enlaces
Quitar el subrayado de los enlaces
El cambio del destino de un enlace
Una imagen como un enlace
Creación de un vínculo al marcador
Un enlace que se rompe fuera de un marco
Un enlace mailto
Un enlace de correo con el asunto

Los ejemplos explicados


HTML Imágenes

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

Los ejemplos explicados


Las tablas HTML

Tablas HTML básicos
Una tabla con bordes
Una tabla con bordes cerrados
Una tabla con el relleno de celdas
Una tabla con encabezados
Una tabla con las partidas alineado a la izquierda
Encabezados de la tabla horizontal / vertical
Una tabla con un título
Las celdas de tabla que abarcan más de una columna
Las celdas de tabla que abarcan más de una fila
Una mesa con espaciado de las celdas
Una tabla con las etiquetas HTML dentro
Tablas con un estilo diferente utilizando Identificación del I
Las tablas con estilo diferente utilizando Identificación II
Tablas con un estilo diferente utilizando la clase I
Las tablas con estilo diferente utilizando la clase II

Los ejemplos explicados


Las listas HTML

Una lista sin orden (por defecto)
Una lista desordenada con balas de discos
Una lista desordenada con balas círculo
Una lista sin orden de balas cuadradas
Una lista sin orden y sin balas
Una lista ordenada (por defecto)
Una lista ordenada con números
Una lista ordenada con letras
Una lista ordenada con letras minúsculas
Una lista ordenada con números romanos
Una lista ordenada con números romanos en minúscula
Una lista de descripciones
Una lista anidada I
Una lista anidada II
Una lista horizontal
Un menú de lista horizontal

Los ejemplos explicados


Bloque HTML y elementos en línea

Styling <div> elementos
Styling <span> elementos

Los ejemplos explicados


Clases HTML

La clasificación del <div> elementos que
La clasificación del <div> Elementos II
La clasificación del <span> elementos

Los ejemplos explicados


diseño HTML

Diseño utilizando <div> elementos
Diseño utilizando elementos semánticos
Disposición utilizando <table> elementos

Los ejemplos explicados


HTML iframe

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

Los ejemplos explicados


Los elementos del cabezal HTML

Un documento HTML válido sin <html> <body, and <head>
Un documento HTML válido sin <head> elemento
La <title> elemento define el título del documento
La <style> elemento contiene información de estilo
La <link> elemento define una relación con un recurso externo
La <meta> elemento define la meta información especial
La <script> elemento define JavaScript del lado del cliente
La <base> elemento define la URL base para todas las URLs

Los ejemplos explicados


Los scripts HTML

Insertar una secuencia de comandos
El uso del <noscript> etiqueta

Los ejemplos explicados


formularios HTML

Formulario con la introducción de texto
Forma de entrada con botón de opción
Formulario con campos de texto y un botón de envío
Formar con los campos de texto sin un atributo de nombre
La agrupación de formulario de datos
Enviar correo electrónico desde un formulario

Los ejemplos explicados


Elementos de formulario HTML

Una lista desplegable sencillo
Una lista desplegable con un valor pre-seleccionado
Un área de texto (un campo de entrada de texto de varias líneas)
Un botón de entrada
El uso de la <datalist> Element
Utilizando el <keygen> Element
Utilizando el <output> Element

Los ejemplos explicados


Tipos de entrada HTML

Tipo de entrada de texto
Tipo de introducción de la contraseña
Tipo de entrada de radio
Casilla de verificación del tipo de entrada
Botón de tipo de entrada
Número de tipo de entrada - con restricciones
Número de tipo de entrada - con escalones
Fecha de entrada tipo - con un selector de fechas
Fecha de tipo de entrada - con restricciones
Tipo de entrada de color - con el selector de colores
Rango del tipo de entrada
Tipo de entrada mes
Tipo de entrada semana
Tiempo del tipo de entrada
Tipo de entrada de fecha y hora
Tipo de entrada de fecha y hora local
Tipo de entrada de correo electrónico
Tipo de entrada de búsqueda
Tipo de entrada tel
Tipo de entrada URL

Los ejemplos explicados


Los atributos de entrada HTML

El atributo de autocompletar
El atributo novalidate
el autofocus_attribute
El atributo form
El atributo formAction
El atributo formenctype
El atributo formmethod
El atributo formnovalidate
El atributo formtarget
Los atributos de altura y anchura
El atributo de lista
Los atributos mínimo y máximo
El atributo múltiple
El atributo patrón
El atributo marcador de posición
El atributo requerido
El atributo de paso

Los ejemplos explicados


HTML5 Canvas

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

Los ejemplos explicados


HTML5 SVG

SVG Círculo
SVG rectángulo
SVG rectángulo redondeado
SVG estrella
SVG Logo

Los ejemplos explicados


medios HTML5

Juega conejito
Oso reproducir vídeo con los controles
Reproducción de vídeo con reproducción automática oso
Reproducir sonido de caballos con los controles

Los ejemplos explicados


Geolocalización HTML5

Obtener coordenadas de geolocalización
Controlar los errores de geolocalización
Obtener geolocalización con un mapa
Obtener geolocalización con la asignación de scripts de Google
Obtener geolocalización y ver la posición

Los ejemplos explicados


HTML5 Almacenamiento local

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

Los ejemplos explicados


Más ejemplos de HTML5

HTML5 arrastrar y soltar
Caché de la aplicación HTML5
Trabajadores web HTML5
Servidor enviado eventos HTML5