Licence : IAG

Module :Développement Web

DEVELOPPEMENT
D’APPLICATION
WEB
Pr. Mohamed Rida FETHI
 HTML & CSC JavaScript Ajax PHP CMS PHP
Introduction

Introduction
HTML5 est la dernière version de HTML (HyperText Markup Language). Il permet de structurer
le contenu des pages web, d'inclure des médias (audio, vidéo) et d'améliorer la compatibilité
avec les navigateurs modernes.

Caractéristiques principales de HTML5 :

3
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Les conteneurs HTML5 « balises sémantiques »

Les balises sémantiques en HTML5 sont des balises qui donnent un sens (ou une sémantique) au contenu
qu'elles contiennent. Elles permettent de mieux structurer une page web pour qu'elle soit compréhensible
pour les navigateurs, les moteurs de recherche.

2. Liste des principales balises sémantiques

4
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balises sémantiques

5
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balises sémantiques

6
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balises sémantiques

7
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Exemples de structure

8
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise header

<header>
<h1>Bienvenue sur Mon Blog</h1>
<nav>
<ul>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#articles">Articles</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

9
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise nav

<nav>
<ul>
<li><a href="[Link]">Accueil</a></li>
<li><a href="[Link]">À propos</a></li>
<li><a href="[Link]">Services</a></li>
<li><a href="[Link]">Contact</a></li>
</ul>
</nav>

10
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise main

<main>
<h2>Bienvenue</h2>
<p>
Ceci est le contenu principal de la page, où toutes les informations importantes sont
affichées.
</p>
</main>

11
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise section

<section id="services">
<h2>Nos Services</h2>
<p>Nous offrons une variété de services pour répondre à vos besoins professionnels et
personnels.</p>
</section>

12
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise article

<article>
<h3>Article : Les avantages du télétravail</h3>
<p>Le télétravail est devenu une norme pour de nombreuses entreprises. Découvrez
ses avantages ici.</p>
</article>

13
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise aside

<aside>
<h3>Informations supplémentaires</h3>
<p>Retrouvez plus de détails sur ce sujet dans nos archives.</p>
</aside>

14
Introduction JavaScript Ajax PHP CMS PHP
HTML & CSC

Balise footer

<footer>
<p>&copy; 2024 Mon Site Web. Tous droits réservés.</p>
<ul>
<li><a href="[Link]">Conditions d'utilisation</a></li>
<li><a href="[Link]">Politique de confidentialité</a></li>
</ul>
</footer>

15