Forum | Derniers tutoriels de développement web

HTML Exemples


HTML de base

le document HTML
HTML rubriques
Paragraphes HTML
Liens HTML
Images HTML

Des exemples expliqués


Attributs HTML

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

Des exemples expliqués


HTML Rubriques

HTML rubriques
Règles horizontales HTML
tête HTML

Des exemples expliqués


HTML paragraphes

Paragraphes HTML
Plus de paragraphes HTML
L'utilisation de sauts de ligne en HTML
Problèmes de Poem (quelques problèmes avec le formatage HTML)
Comment contrôler les sauts de ligne et des espaces avec le <pre> tag

Des exemples expliqués


Styles HTML

Styles HTML
HTML couleur de fond
HTML couleur du texte
HTML police du texte
HTML taille du texte
Alignement du texte HTML

Des exemples expliqués


HTML Formatage du texte

La mise en forme gras en utilisant le <b> élément
Mise en forme solide en utilisant le <strong> élément
La mise en forme italique utilisant le <i> élément
SOULIGNER mise en forme en utilisant le <em> élément
Petite mise en forme en utilisant la <small> élément
La mise en forme marquée en utilisant la <mark> élément
Marqué supprimé en utilisant le <del> élément
Marqué inséré en utilisant le <ins> élément
Marqué supprimé et inséré en utilisant <ins> <del> et <ins>
Formatage Subscript utilisant le <sub> élément
Formatage Exposant utilisant le <sup> élément

Des exemples expliqués


Citations HTML et Citations

Formatage courtes citations avec le <q> élément.
Formatage cité sections avec le <blockquote> élément.
Document de mise en forme auteur / propriétaire des informations avec le <address> élément
Formatage abréviations et acronymes du <abbr> élément
Titre de travail de mise en forme avec le <cite> élément
Direction du texte Mise en forme avec le <bdo> élément

Des exemples expliqués


HTML Computercode Elements

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

Des exemples expliqués


HTML Commentaires

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'attribut id
HTML avec CSS en utilisant l'attribut de classe
HTML et CSS frontières
HTML et CSS padding
Marge HTML et CSS
HTML et CSS démo complète

Des exemples expliqués


Liens HTML

Lier, en utilisant une URL absolue
Lier, en utilisant une URL relative
Changer la couleur des liens
Retrait du soulignement à partir 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 la largeur en utilisant les attributs
Une hauteur de l' image et la largeur en utilisant le CSS
Une hauteur et la largeur d' image utilisant à la fois
Une image dans un autre dossier
Une image avec un lien mort
Une image sur un autre serveur
Utilisation d' une image comme un lien
Une image en mouvement
Une carte d'image avec les régions cliquables
Une image flottante

Des exemples expliqués


Tableaux HTML

Tables HTML de base
Une table avec des bordures
Une table avec des bordures affaissées
Une table avec un rembourrage cellulaire
Une table avec des titres
Une table avec des titres de gauche alignés
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 l' espacement des cellules
Une table avec des balises HTML à l' intérieur
Tables avec style différent id I
Tables avec un style différent en utilisant id II
Tables avec un style différent en utilisant la classe I
Tables avec un style différent en utilisant la classe II

Des exemples expliqués


Listes HTML

Une liste non ordonnée (par défaut)
Une liste non ordonnée avec des balles de disques
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 (par défaut)
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 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 et les éléments en ligne

Styling <div> éléments
Styling <span> éléments

Des exemples expliqués


Classes HTML

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

Des exemples expliqués


mise en page HTML

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

Des exemples expliqués


HTML IFrame

Cadre en ligne (un cadre à l' intérieur d' une page HTML)

Des exemples expliqués


Éléments de tête HTML

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 à une ressource externe
Le <meta> élément définit des informations méta spéciale
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


Scripts HTML

Insérez un script
Utilisation de la <noscript> tag

Des exemples expliqués


formulaires HTML

Formulaire avec la saisie de texte
Formulaire d'entrée de bouton radio
Formulaire avec des champs de texte et un bouton de soumission
Former avec des 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 liste déroulante simple ,
Une liste déroulante avec une valeur présélectionnée
A textarea (un champ de saisie de texte multi-lignes)
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 Types d' entrée

Type d'entrée texte
Type d'entrée mot de passe
Type d'entrée de radio
Type d'entrée case
Bouton Type d'entrée
Type d'entrée Numéro - avec des restrictions
Type d'entrée Numéro - avec des étapes
Entrée de type date - avec sélecteur de date
Type d'entrée Date - avec des restrictions
Type d'entrée Couleur - avec sélecteur de couleur
Plage Type d'entrée
Type d'entrée mois
Type d'entrée la semaine
Temps Type d'entrée
Type d'entrée datetime
Type d'entrée datetime local
Type d'entrée e - mail
Type d'entrée Recherche
Type d'entrée tel
Type d'entrée url

Des exemples expliqués


Attributs HTML d'entrée

L'attribut autocomplete
L'attribut novalidate
Le autofocus_attribute
L'attribut form
L'attribut Formaction
L'attribut formenctype
L'attribut formmethod
L'attribut formnovalidate
L'attribut formtarget
Les attributs de hauteur et largeur
L'attribut de liste
Les attributs min et max
L'attribut multiple
L'attribut pattern
L'attribut d'espace réservé
L'attribut obligatoire
L'attribut étape

Des exemples expliqués


HTML5 Canvas

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

Des exemples expliqués


HTML5 SVG

SVG Cercle
SVG Rectangle
SVG Rectangle Arrondi
SVG étoile
SVG Logo

Des exemples expliqués


HTML5 médias

Jouer Lapin
Lire la vidéo ours avec des commandes
Lire la vidéo ours avec autoplay
Jouer son cheval avec des commandes

Des exemples expliqués


HTML5 Géolocalisation

Obtenez les coordonnées de géolocalisation
Traiter les erreurs de géolocalisation
Obtenez la géolocalisation avec une carte
Obtenez la géolocalisation avec Google map de script
Obtenez la géolocalisation et de regarder la position

Des exemples expliqués


HTML5 stockage local

Enregistrer un nom de façon permanente
Stockez un compteur en permanence
Stockez un compteur pour une session

Des exemples expliqués


Autres exemples de HTML5

HTML5 drag and drop
HTML5 cache d' application
Travailleurs web HTML5
Serveur envoyé des événements HTML5