Derniers tutoriels de développement web

Exemples HTML


HTML Basic

Document HTML
rubriques HTML
Paragraphes HTML
Liens HTML
Images HTML

Des exemples expliqués


HTML Attributes

Le title attribut
Le href attribut
Les attributs de largeur et de hauteur
L' alt attribut
Attribut sans les guillemets
Attribut sans les guillemets ne fonctionne pas

Des exemples expliqués


HTML Headings

rubriques HTML
HTML règles horizontales
tête HTML

Des exemples expliqués


HTML Paragraphs

Paragraphes HTML
Plus de paragraphes HTML
L'utilisation de sauts de ligne en HTML
Problèmes de Poem (some problems with HTML formatting) la (some problems with HTML formatting) en (some problems with HTML formatting)
Comment contrôler les sauts de ligne et des espaces avec la <pre> balise

Des exemples expliqués


HTML Styles

Styles HTML
Couleur de fond HTML
Couleur du texte HTML
La police du texte HTML
La taille du texte HTML
Alignement du texte HTML

Des exemples expliqués


HTML Text Formatting

La mise en forme gras en utilisant le <b> élément
La mise en forme forte en utilisant le <strong> élément
Italique mise en forme à l' aide du <i> élément
En utilisant la mise en forme A SOULIGNE <em> élément
Petite mise en forme en utilisant la <small> élément
Marqué mise en forme en utilisant la <mark> élément
Marqué supprimé en utilisant la <del> élément
Marquer inséré en utilisant le <ins> élément
Marqué supprimé et inséré en utilisant <ins> <del> et <ins>
La mise en forme à l' aide du Subscript <sub> élément
La mise en forme en utilisant la Superscript <sup> élément

Des exemples expliqués


HTML Quotations and Citations

Le formatage des citations courtes avec le <q> élément.
Mise en forme des sections cité avec le <blockquote> élément.
Mise en forme du document d' information auteur / propriétaire avec la <address> élément
Formatage abréviations et acronymes du <abbr> élément
Le formatage titre de travail avec le <cite> élément
Mise en forme le sens du texte avec le <bdo> élément

Des exemples expliqués


HTML Computercode Elements

Entrée du clavier à l' aide du formatage <kbd> élément
La mise en forme de sortie de l' ordinateur à l' aide du <samp> élément
Code de programmation utilisant le formatage <code> élément
Code de programmation et mise en forme la préservation des espaces sauts de ligne
La mise en forme variable en utilisant la <var> élément

Des exemples expliqués


HTML Comments

commentaires cachés
Les commentaires conditionnels
Commentaires pour le débogage

Des exemples expliqués


HTML CSS

HTML avec CSS en ligne
HTML avec CSS interne
HTML avec CSS externe
HTML avec des polices CSS
HTML avec CSS en utilisant l' id attribut
HTML avec CSS en utilisant la class attribut
Frontières HTML et CSS
Padding HTML et CSS
Marge HTML et CSS
HTML et CSS complète démo

Des exemples expliqués


HTML Links

Lier, en utilisant une URL absolue
Lier, en utilisant une URL relative
Changer la couleur des liens
Supprimer le soulignement de liens
Modification de la cible d'un lien
Une image en tant que lien
Création d' un lien de signet
Un lien qui éclate d'un cadre
Un lien mailto
Un lien mailto avec le sujet

Des exemples expliqués


HTML Images

La montagne
Une hauteur de l' image et de la largeur en utilisant les attributs
Une hauteur de l' image et de la largeur en utilisant CSS
Une hauteur de l' image et de la largeur à la fois en utilisant
Une image dans un autre dossier
Une image avec un lien mort
Une image sur un autre serveur
En utilisant une image comme un lien
Une image en mouvement
Une carte d'image avec des régions cliquables
Une image flottante

Des exemples expliqués


HTML Tables

Tableaux de base HTML
Une table avec des bordures
Une table avec des bordures effondrées
Une table avec un rembourrage cellulaire
Une table avec des titres
Une table avec des titres aligné à gauche
Rubriques de table horizontale / verticale
Une table avec une légende
Les cellules de table qui couvrent plus d'une colonne
Les cellules de table qui couvrent plus d'une rangée
Une table avec un espacement de cellule
Une table avec des balises HTML à l' intérieur
Tables avec style différent id I
Tables avec style différent id II
Tables avec style différent classe I
Tables avec un style différent en utilisant la classe II

Des exemples expliqués


HTML Lists

Une liste non ordonnée (default)
Une liste non ordonnée avec des balles de disque
Une liste non ordonnée avec des balles de cercle
Une liste non ordonnée avec des balles carrées
Une liste non ordonnée , sans balles
Une liste ordonnée (default)
Une liste ordonnée avec des numéros
Une liste ordonnée avec des lettres
Une liste ordonnée avec des lettres minuscules
Une liste ordonnée avec des chiffres romains
Une liste ordonnée avec des chiffres romains minuscules
Une liste de description
Une liste imbriquée I
Une liste imbriquée II
Une liste horizontale
Un menu de liste horizontale

Des exemples expliqués


HTML Block and inline elements

Style <div> éléments
Coiffure <span> éléments

Des exemples expliqués


HTML Classes

Classing <div> éléments I
Classing <div> éléments II
Classer <span> éléments

Des exemples expliqués


HTML Layout

Mise en page en utilisant <div> éléments
Disposition en utilisant des éléments sémantiques
Mise en page en utilisant <table> éléments

Des exemples expliqués


HTML IFrame

Cadre en ligne (a frame inside an HTML page) à l' (a frame inside an HTML page) d' (a frame inside an HTML page)

Des exemples expliqués


HTML head Elements

Un document HTML valide sans <html> <body, and <head>
Un document HTML valide sans <head> élément
Le <title> élément définit le titre du document
Le <style> élément contient des informations de style
Le <link> élément définit une relation avec une ressource externe
Le <meta> élément définit les méta - informations spéciales
Le <script> élément définit JavaScripts côté client
La <base> élément définit l'URL de base pour toutes les URL

Des exemples expliqués


HTML Scripts

Insérez un script
Utilisation du <noscript> balise

Des exemples expliqués


HTML Forms

Formulaire avec saisie de texte
Formulaire avec entrée bouton radio
Formulaire avec des champs de texte et un bouton d' envoi
Former avec les champs de texte sans attribut name
Regroupement Formulaire de données
Envoyer un e-mail à partir d' un formulaire

Des exemples expliqués


HTML Form Elements

Une simple liste déroulante
Une liste déroulante avec une valeur présélectionnée
Une zone de texte (a multi-line text input field)
Un bouton d'entrée
Utilisation de la <datalist> Element
Utilisation de la <keygen> Element
Utilisation de la <output> Element

Des exemples expliqués


HTML Input Types

Texte Type d'entrée
Mot de passe Type d'entrée
Radio Type d'entrée
Case à cocher Type d'entrée
Bouton Type d'entrée
Numéro de type d'entrée - avec des restrictions
Numéro de type d'entrée - avec des étapes
Type date d' entrée - avec sélecteur de date
Type date d'entrée - avec des restrictions
Couleur Type d'entrée - avec sélecteur de couleur
Gamme de type d'entrée
Mois Type d'entrée
Semaine Type d'entrée
Temps de type d'entrée
Datetime Type d'entrée
Datetime-local Type d'entrée
Email Type d'entrée
Recherche Type d'entrée
Type d'entrée tel
Url Type d'entrée

Des exemples expliqués


HTML Input Attributes

Le autocomplete attribut
Le novalidate attribut
le autofocus_attribute
La form attribut
Le formaction attribut
Le formenctype attribut
Le formmethod attribut
Le formnovalidate attribut
Le formtarget attribut
Les attributs de hauteur et de largeur
La list attribut
Les attributs min et max
Le multiple attribut
Le pattern attribut
L' placeholder attribut
Le required attribut
L' step attribut

Des exemples expliqués


HTML5 Canvas

Dessiner sur la toile avec JavaScript
Tracer une ligne avec lineTo()
Tracez un cercle avec l' arc()
Dessiner un texte avec fillText()
Dessiner un texte avec strokeText()
Dessiner un gradient linéaire
Dessiner un dégradé circulaire
Dessiner une image avec drawImage()

Des exemples expliqués


HTML5 SVG

Cercle SVG
SVG Rectangle
SVG rectangle arrondi
SVG étoiles
Logo SVG

Des exemples expliqués


HTML5 Media

jouer à lapin
Lire la vidéo ours avec des commandes
Lire la vidéo ours avec AutoPlay
Jouer un son cheval avec des commandes

Des exemples expliqués


HTML5 Geolocation

Obtenez les coordonnées de géolocalisation
Gérer les erreurs de localisation géographique
Obtenez une carte de géolocalisation
Obtenez Google avec géolocalisation script carte
Obtenez la géolocalisation et regarder la position

Des exemples expliqués


HTML5 Local Storage

Programmez un nom en permanence
Stocker un compteur en permanence
Conservez un compteur pour une session

Des exemples expliqués


More HTML5 Examples

Glisser-déposer HTML5
Cache de l' application HTML5
Travailleurs web HTML5
Serveur HTML5 événements envoyés