Full tutos & exemples HTML
- Obtenir le lien
- Autres applications
Exemples HTML
Exemples HTML
HTML de base
Attributs HTML
L'attribut titreL'attribut hrefLes attributs de largeur et de hauteurL'attribut altAttribut sans guillemetsL'attribut sans guillemets ne fonctionne pas
En-têtes HTML
Paragraphes HTML
paragraphes HTMLPlus de paragraphes HTMLL'utilisation des sauts de ligne en HTMLProblèmes de poème (quelques problèmes avec le formatage HTML)Comment contrôler les sauts de ligne et les espaces avec la balise <pre>
HTML Styles
HTML stylesCouleur d'arrière-plan HTMLCouleur du texte HTMLPolice de texte HTMLTaille du texte HTMLAlignement du texte HTML
ADVERTISEMENT
Formatage de texte HTML
Mise en forme en gras à l'aide de l'élément <b>Mise en forme forte à l'aide de l'élément <strong>Mise en forme italique à l'aide de l'élément <i>Mise en forme accentuée à l'aide de l'élément <em>Petite mise en forme à l'aide de l'élément <small>Mise en forme marquée à l'aide de l'élément <mark>Marqué comme supprimé à l'aide de l'élément <del>Marqué inséré à l'aide de l'élément <ins>Marqué supprimé et inséré à l'aide de <del> et <ins>Mise en forme d'indice à l'aide de l'élément <sub>Formatage en exposant à l'aide de l'élément <sup>
Citations et citations HTML
Mise en forme des citations courtes avec l'élément <q>.Formatage des sections entre guillemets avec l'élément <blockquote>.Formatage des informations sur l'auteur/propriétaire du document avec l'élément <address>Mise en forme des abréviations et des acronymes de l'élément <abbr>Mise en forme du titre de l'ouvrage avec l'élément <cite>Formater le sens du texte avec l'élément <bdo>
Commentaires HTML
CSS HTML
HTML avec CSS en ligneHTML avec CSS interneHTML avec CSS externeHTML avec polices CSSHTML avec CSS en utilisant l'attribut idHTML avec CSS en utilisant l'attribut classBordures HTML et CSSRemplissage HTML et CSSMarge HTML et CSSDémo complète HTML et CSS
Liens HTML
Lien, en utilisant une URL absolueLien, à l'aide d'une URL relativeChanger la couleur des liensSupprimer le soulignement des liensChanger la cible d'un lienUne image comme lienCréation d'un lien de signetUn lien qui sort d'un cadreUn lien mailtoUn lien mailto avec sujet
HTML Images
An imageUne hauteur et une largeur d'image à l'aide d'attributsUne hauteur et une largeur d'image en CSSUne hauteur et une largeur d'image utilisant les deuxUne image dans un autre dossierUne image avec un lien briséUne image sur un autre serveurUtiliser une image comme lienUne image en mouvementUne carte-image avec des régions cliquablesUne image flottante
HTML Tables
Tableaux HTML de baseUne table avec des borduresUn tableau avec des bordures effondréesUn tableau avec remplissage de celluleUn tableau avec des titresUn tableau avec des titres alignés à gaucheEn-têtes de tableau horizontaux/verticauxUn tableau avec une légendeCellules de tableau qui s'étendent sur plusieurs colonnesCellules de tableau qui s'étendent sur plusieurs lignesUn tableau avec espacement des cellulesUn tableau avec des balises HTML à l'intérieurTableaux de style différent utilisant l'identifiant ITables avec un style différent utilisant id IITables de style différent utilisant la classe ITables de style différent utilisant la classe II
Listes HTML
Une liste non ordonnée (par défaut)Une liste non ordonnée avec des puces de disqueUne liste non ordonnée avec des puces circulairesUne liste non ordonnée avec des puces carréesUne liste non ordonnée sans pucesUne liste ordonnée (par défaut)Une liste ordonnée avec des nombresUne liste ordonnée avec des lettresUne liste ordonnée avec des lettres minusculesUne liste ordonnée avec des chiffres romainsUne liste ordonnée avec des chiffres romains minusculesUne liste de descriptionsUne liste imbriquée IUne liste imbriquée IIUne liste horizontaleUn menu de liste horizontale
Bloc HTML et éléments en ligne
Cours HTML
Style tous les éléments avec un nom de classe spécifiéAccéder aux éléments avec un nom de classe spécifié, avec JavaScriptMultiple classesMême classe, étiquette différente
Identifiant HTML
Styler un élément avec un identifiant spécifiqueDifférence entre classe et identifiantAccéder à un élément avec un identifiant spécifique, avec JavaScript
Mise en page HTML
Mise en page à l'aide de floatMise en page à l'aide de flexboxMise en page à l'aide de flexbox 2Mise en page à l'aide de flexbox 3
IFrame HTML
Éléments d'en-tête HTML
Un document HTML valide sans <html> <body, et <head>Un document HTML valide sans élément <head>L'élément <title> définit le titre du documentL'élément <style> contient des informations de styleL'élément <link> définit une relation avec une ressource externeL'élément <meta> définit des méta-informations spécialesL'élément <script> définit les JavaScripts côté clientL'élément <base> définit l'URL de base pour toutes les URL
Scripts HTML
Éléments de code informatique HTML
Formatage d'entrée au clavier à l'aide de l'élément <kbd>Formatage de la sortie informatique à l'aide de l'élément <samp>Programmation de la mise en forme du code à l'aide de l'élément <code>Formatage du code de programmation en préservant les espaces et les sauts de ligneFormatage des variables à l'aide de l'élément <var>
Formulaires HTML
Formulaire avec saisie de texteFormulaire avec saisie par bouton radioFormulaire avec des champs de texte et un bouton d'envoiFormulaire avec des champs de texte sans attribut de nomRegroupement des données de formulaire
Éléments de formulaire HTML
Une simple liste déroulanteUne liste déroulante avec une valeur présélectionnéeUne zone de texte (un champ de saisie de texte multiligne)Un bouton de saisieUtilisation de l'élément <datalist>Utilisation de l'élément <output>
Types d'entrée HTML
Type d'entrée texteSaisissez le mot de passeType d'entrée radioCase à cocher du type de saisieBouton de type d'entréeNuméro de type d'entrée - avec restrictionsNuméro de type d'entrée - avec étapesDate de type d'entrée - avec sélecteur de dateType d'entrée date - avec restrictionsCouleur du type d'entrée - avec sélecteur de couleursPlage de type d'entréeType de saisie moisType de saisie semaineType d'entrée heureType d'entrée dateheureType d'entrée datetime-localType de saisie e-mailRecherche de type d'entréeType d'entrée télURL du type de saisie
Attributs d'entrée HTML
L'attribut de saisie semi-automatiqueL'attribut novalidateL'autofocus_attributeL'attribut de formulaireL'attribut formactionThe formenctype attributeL'attribut formmethodL'attribut formnovalidateL'attribut formtargetLes attributs de hauteur et de largeurL'attribut de listeLes attributs min et maxL'attribut multipleL'attribut de motifL'attribut d'espace réservéL'attribut requisL'attribut step
Graphiques de toile HTML
Dessiner sur la toile avec JavaScriptTracez une ligne avec lineTo()Dessiner un cercle avec arc()Dessiner un texte avec fillText()Dessiner un texte avec strokeText()Dessiner un dégradé linéaireDessiner un dégradé circulaireDessiner une image avec drawImage()
Graphiques HTML SVG
Média HTML
jouer au lapinLire la vidéo de l'ours avec des commandesLire la vidéo de l'ours avec la lecture automatiqueJouez au son du cheval avec des commandes
Géolocalisation HTML
Obtenir les coordonnées de géolocalisationGérer les erreurs de géolocalisationObtenez la géolocalisation et regardez la position
Stockage local HTML
Stocker un nom de façon permanenteStocker un compteur en permanenceStocker un compteur pour une session
Média HTML
Plus d'exemples HTML
PUBLICITÉ
PUBLICITÉ
PUBLICITÉ
PUBLICITÉ
- Obtenir le lien
- Autres applications
Commentaires
Enregistrer un commentaire
🖐 Hello,
N'hésitez pas à commenter ou vous exprimer si vous avez des trucs à dire . . .👉