Full tutos & exemples HTML
- Obtenir le lien
- X
- 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
- X
- Autres applications
Commentaires
Enregistrer un commentaire
đ Hello,
N'hĂ©sitez pas Ă commenter ou vous exprimer si vous avez des trucs Ă dire . . .đ