HTML Tutoriels

Nos tutoriels HTML offrent un programme complet pour maîtriser le balisage web. Ils couvrent les éléments HTML5, la sémantique et les meilleures pratiques, adaptés aux développeurs web débutants et intermédiaires. Avec des laboratoires gratuits et des exemples pratiques, vous acquerrez une expérience concrète dans la création de pages web bien structurées. Notre terrain de jeu HTML interactif vous permet d'expérimenter avec différentes balises et de voir les résultats instantanément.

Introduction et liaison CSS

Introduction et liaison CSS

Dans ce laboratoire, vous apprendrez les bases du CSS, y compris comment créer une feuille de style externe et la lier à un document HTML pour changer la police de la page.

Manipulation du DOM avec JavaScript

Manipulation du DOM avec JavaScript

Dans ce laboratoire, vous apprendrez les bases de la manipulation du DOM (Document Object Model) avec JavaScript, y compris la sélection d'éléments, la modification de contenu, la définition d'attributs et la création/ajout de nouveaux éléments.

JavaScriptHTMLCSS

Gestion des événements JavaScript

Gestion des événements JavaScript

Dans ce laboratoire, vous apprendrez les bases de la gestion des événements JavaScript, de l'utilisation de l'attribut onclick aux techniques avancées comme addEventListener et les propriétés de l'objet event.

Structure d'un document HTML

Structure d'un document HTML

Dans ce laboratoire, vous apprendrez la structure fondamentale d'un document HTML en créant une page web de base à partir de zéro. Vous comprendrez les rôles des balises DOCTYPE, html, head et body.

Listes HTML

Listes HTML

Dans ce laboratoire, vous apprendrez à créer et structurer du contenu à l'aide de listes non ordonnées, ordonnées et imbriquées en HTML. C'est une compétence fondamentale pour organiser les informations sur les pages web.

Utilitaires CSS Modernes avec Tailwind

Utilitaires CSS Modernes avec Tailwind

Dans ce laboratoire, vous apprendrez les bases de Tailwind CSS, un framework CSS utility-first, en stylisant un élément HTML simple. Vous ajouterez le CDN et appliquerez des classes pour la couleur de fond, la couleur du texte, le padding et la mise en page.

Formatage de texte HTML

Formatage de texte HTML

Dans ce laboratoire, vous apprendrez les bases du formatage de texte HTML, y compris comment utiliser les balises de titre, de paragraphe, gras, italique et de saut de ligne pour structurer et styliser votre contenu web.

Images HTML

Images HTML

Dans ce laboratoire, vous apprendrez à intégrer des images dans vos documents HTML en utilisant la balise <img> et ses attributs essentiels tels que src, alt, width et height.

Tableaux HTML

Tableaux HTML

Dans ce laboratoire, vous apprendrez à créer et structurer des données à l'aide de tableaux HTML. Vous construirez un tableau simple à partir de zéro, en comprenant les rôles des balises `<table>`, `<tr>`, `<th>` et `<td>`.

Introduction et intégration de JavaScript

Introduction et intégration de JavaScript

Dans ce laboratoire, vous apprendrez les bases de JavaScript, y compris comment l'intégrer directement dans un fichier HTML et comment lier un fichier JavaScript externe.

Liens HTML

Liens HTML

Dans ce laboratoire, vous apprendrez à créer différents types de liens en HTML, y compris les liens externes, les liens internes et comment ajouter des infobulles.

Stylisation de tableaux CSS

Stylisation de tableaux CSS

Dans ce laboratoire, vous apprendrez à styliser des tableaux HTML à l'aide de diverses propriétés CSS pour améliorer leur lisibilité et leur attrait visuel.

Couleurs et Arrière-plans CSS

Couleurs et Arrière-plans CSS

Dans ce laboratoire, vous apprendrez à styliser les éléments d'une page web en appliquant diverses propriétés CSS de couleur et d'arrière-plan, notamment la définition des couleurs, l'ajout d'images et le contrôle de leur position et de leur répétition.

Page Web Personnelle en HTML

Page Web Personnelle en HTML

Dans ce laboratoire, vous construirez une page web personnelle complète à partir de zéro en utilisant des balises HTML fondamentales. Vous apprendrez à structurer des documents, à formater du texte, à créer des listes, à ajouter des liens et des images, et à construire des tableaux et des formulaires.

Appeler une API en JavaScript

Appeler une API en JavaScript

Dans ce laboratoire, vous apprendrez à interagir avec les API web en utilisant JavaScript moderne. Vous utiliserez l'API `fetch` pour effectuer des requêtes GET et POST, gérer les réponses, analyser les données JSON, les afficher en HTML, implémenter la gestion des erreurs et authentifier les requêtes avec une clé API pour des applications web dynamiques.

JavaScriptLinuxHTML

Formulaires HTML

Formulaires HTML

Dans ce laboratoire, vous apprendrez à créer et structurer des formulaires web en utilisant divers éléments HTML tels que form, input, label et textarea.

Stylisation de listes CSS

Stylisation de listes CSS

Dans ce laboratoire, vous apprendrez à styliser des listes HTML à l'aide de diverses propriétés CSS pour créer une barre de navigation horizontale.

Créer une application web de Morpion (Tic-Tac-Toe)

Créer une application web de Morpion (Tic-Tac-Toe)

Dans ce projet, vous apprendrez à créer un jeu de Morpion en utilisant HTML, CSS et JavaScript. Le Morpion est un jeu à deux joueurs où chacun marque à tour de rôle un X ou un O dans une grille 3x3. L'objectif est d'aligner trois symboles, horizontalement, verticalement ou en diagonale. Vous créerez les fichiers HTML, CSS et JavaScript nécessaires et implémenterez la logique du jeu étape par étape.

JavaScriptCSSHTML

Précédent
1
2
3
4
5
6
...
15
Suivant