Formation Apprenez les bases du HTML5 pour créer vos premières pages web

Introduction au Web et à HTML5

• —Fonctionnement du Web (client-serveur)
• —Rôle de HTML, CSS, JavaScript
• —Historique et nouveautés de HTML5
• —Environnement de développement (éditeur de texte, navigateur)

Structure de Base d'une Page HTML

• —Balise `<!DOCTYPE html>`
• —Balises `<html`, `<head>`, `<body>`
• —Balise `<meta>` pour l'encodage et le viewport
• —Titre de la page (`<title>`)

Balises de Texte et de Mise en Forme

• —Titres (`<h1>` à `<h6>`) et paragraphes (`<p>`)
• —Sauts de ligne (`<br>`) et règles horizontales (`<hr>`)
• —Mise en forme sémantique (`<strong>`, `<em>`, `<u>`, `<mark>`, `<sub>`, `<sup>`)
• —Blocs de citation (`<blockquote>`) et citations courtes (`<q>`)

Liens Hypertextes et Navigation

• —Balise `<a>` pour les liens internes et externes
• —Attributs `href`, `target`, `title`
• —Liens vers des sections spécifiques d'une page (ancres)
• —Création de menus de navigation simples

Images et Contenus Multimédias Simples

• —Intégration d'images (`<img>`)
• —Attributs `src`, `alt`, `width`, `height`
• —Notion de chemins relatifs et absolus
• —Balise `<figure>` et `<figcaption>`

Listes Ordonnées et Non Ordonnées

• —Listes non ordonnées (``, ``)
• —Listes ordonnées (`<ol>`, ``)
• —Attributs `type` et `start` pour les listes ordonnées
• —Listes de définition (`<dl>`, `<dt>`, `<dd>`)

Tableaux HTML

• —Structure d'un tableau (`<table>`, `<tr>`, `<td>`, `<th>`)
• —En-têtes (`<thead>`), corps (`<tbody>`), pieds (`<tfoot>`)
• —Fusion de cellules (`rowspan`, `colspan`)
• —Accessibilité des tableaux

Structuration Sémantique (HTML5)

• —Les nouvelles balises sémantiques : `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, `<aside>`, `<footer>`
• —Importance de la sémantique pour l'accessibilité et le SEO
• —Utilisation des balises génériques `<div>` et `<span>`

Formulaires HTML (Partie 1)

• —Balise `<form>` et attributs `action`, `method`
• —Balise `<label>` pour l'accessibilité des champs
• —Champs de texte (`<input type=text>`, `<textarea>`)
• —Boutons (`<input type=submit>`, `<button>`)

Formulaires HTML (Partie 2)

• —Types d'input spécifiques (checkbox, radio, password, email, number, date, range, color, file)
• —Listes déroulantes (`<select>`, `<option>`)
• —Groupement de champs (`<fieldset>`, `<legend>`)
• —Attributs courants : `placeholder`, `required`, `readonly`, `disabled`

Intégration de Contenus Multimédia Avancés (Audio/Vidéo)

• —Balise `<audio>` pour l'intégration sonore
• —Balise `<video>` pour l'intégration vidéo
• —Attributs `controls`, `autoplay`, `loop`, `muted`, `poster`
• —Gestion des sources multiples `<source>`

Bonnes Pratiques et Accessibilité

• —Conventions de nommage et propreté du code
• —Validation HTML
• —Principes de base de l'accessibilité web (ARIA, attributs `lang`)
• —Introduction au responsive design via le viewport
• —--
• —### Compétences :

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

* Aucun prérequis technique particulier n'est nécessaire. * Une compréhension basique de l'utilisation d'un ordinateur et d'un navigateur web est suffisante. * Motivation et intérêt pour le développement web.

* Un ordinateur (PC ou Mac) avec un système d'exploitation récent. * Une connexion internet stable. * Un navigateur web moderne (Chrome, Firefox, Edge ou Safari). * Un éditeur de texte simple (ex: Visual Studio Code, Sublime Text, Notepad++ ou Brackets sont recommandés, mais un bloc-notes suffit).

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Aucun prérequis spécifique, mais une bonne compréhension des concepts de base de l'internet est recommandée.

Les participants auront accès à un environnement de travail virtuel et à des ressources pédagogiques spécifiques.

Oui, chaque participant obtiendra un certificat de fin de formation après avoir réussi l'évaluation finale.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.