Scribd
Importer
4 vues3 pages

Guide pratique sur le langage HTML

Ce document est un guide d'utilisation du langage HTML, expliquant sa définition, son historique et son fonctionnement. Il couvre la création de fichiers HTML, la structure de base d'une page, les balises courantes, les formulaires, les contenus multimédias et l'hébergement web. Des exercices pratiques sont également proposés pour renforcer les compétences en HTML.

Transféré par

ihssaneaferiat
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
4 vues3 pages

Guide pratique sur le langage HTML

Ce document est un guide d'utilisation du langage HTML, expliquant sa définition, son historique et son fonctionnement. Il couvre la création de fichiers HTML, la structure de base d'une page, les balises courantes, les formulaires, les contenus multimédias et l'hébergement web. Des exercices pratiques sont également proposés pour renforcer les compétences en HTML.

Transféré par

ihssaneaferiat
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

TRAVAIL REALISE PAR :

Lotfi Othman, Aferiat Ihssane, El


Mettioui Dounia, Hamdouch Aya et
Idrissi Nour

Encadré par :

Monsieur Amrani Hicham

GUIDE D’UTILISATION DU
LANGAGE HTML
GUIDE D’UTILISATION DU LANGAGE HTML

1. Introduction
HTML signifie HyperText Markup Language. C’est un langage de balisage utilisé pour
structurer le contenu des pages web.

2. Historique du HTML
1991 : Création par Tim Berners-Lee
1995-2014 : Évolution de HTML 2.0 à HTML5
Aujourd'hui : Modèle Living Standard

3. Fonctionnement d’un site web


Client : utilisateur – Serveur : héberge le site.
Site statique : envoie une page fixe.
Site dynamique : page générée à la volée.

4. Création d’un fichier HTML


Utilisez un éditeur (Bloc-notes, VS Code), sauvegardez avec l'extension .html, puis ouvrez
avec un navigateur.

5. Structure de base d’une page HTML


<!DOCTYPE html>
<html>
<head>
<title>Mon super site web</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Bienvenue</h1>
<p>Ceci est ma première page HTML !</p>
</body>
</html>

6. Balises HTML courantes


• <h1> à <h6> : titres
• <p> : paragraphe
• <br> : saut de ligne
• <strong>/<em> : gras / italique
• <a href=...> : lien
• <img src=...> : image
• <table> : tableau
• <ul>/<ol>/<li> : listes

7. Formulaires HTML
<form action="/action" method="POST">
<label for="nom">Nom:</label>
<input type="text" id="nom" name="nom" required>
<button type="submit">Envoyer</button>
</form>

8. Contenus multimédia
<img src="[Link]" alt="Description" width="200">
<audio controls><source src="musique.mp3" type="audio/mpeg"></audio>
<video width="400" controls><source src="video.mp4"
type="video/mp4"></video>

9. Hébergement web
Hébergement mutualisé, dédié, cloud. Utilise un serveur web, nom de domaine, bande
passante.

10. Exercices pratiques


1. Créez une page avec un message de vœux
2. Ajoutez une image, un lien, un tableau
3. Créez un formulaire simple

Annexe : Balises fréquentes


Balise Fonction
<h1> Titre principal
<p> Paragraphe
<a> Lien hypertexte
<img> Image
<table> Tableau
<form> Formulaire
<input> Champ de formulaire

Vous aimerez peut-être aussi