Scribd
Importer
16 vues6 pages

Introduction Au HTML

html cours

Transféré par

Girl Scout
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
16 vues6 pages

Introduction Au HTML

html cours

Transféré par

Girl Scout
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
Vous êtes sur la page 1/ 6

Introduction au Langage HTML

Apprendre les bases et la structure des pages web

Ce document est conçu pour introduire les fondamentaux du HTML afin d'aider les débutants à

mieux comprendre comment créer et structurer une page web.

Préparé par AKOH N'DJARMA Mouhamède Sawanatou


1. Qu'est-ce que le HTML ?

HTML (HyperText Markup Language) est le langage de balisage standard utilisé pour créer des

pages web. Il permet de structurer et d'organiser le contenu d'un site web à l'aide d'éléments et de

balises.

Exemples de contenu structuré avec HTML :

- Titres et paragraphes

- Images et vidéos

- Liens hypertexte

- Listes et tableaux
2. Structure de base d'une page HTML

Une page HTML est composée de plusieurs éléments essentiels :

<!DOCTYPE html>

<html>

<head>

<title>Ma Première Page</title>

</head>

<body>

<h1>Bonjour, Monde !</h1>

</body>

</html>

Les principaux éléments sont :

- <!DOCTYPE html> : Indique le type de document.

- <html> : La racine du document HTML.

- <head> : Contient les métadonnées (titre, encodage, etc.).

- <body> : Contient le contenu affiché à l'écran.


3. Les Balises HTML principales

Voici quelques balises essentielles pour structurer votre contenu :

- <h1> à <h6> : Pour les titres de différents niveaux.

- <p> : Pour les paragraphes.

- <a href="URL"> : Pour créer des liens hypertexte.

- <img src="URL" alt="Description"> : Pour insérer des images.

- <ul> et <ol> : Pour créer des listes (non ordonnée et ordonnée).

- <table> : Pour insérer des tableaux.

Exemple :

<h1>Bienvenue</h1>

<p>Ceci est un paragraphe.</p>

<a href="https://example.com">Visitez ce site</a>

<img src="image.jpg" alt="Description de l'image">


4. Exemple complet

Voici un exemple complet d'une page HTML simple :

<!DOCTYPE html>

<html>

<head>

<title>Exemple Complet</title>

</head>

<body>

<h1>Bienvenue sur ma page</h1>

<p>Ceci est un exemple de page HTML.</p>

<img src="example.jpg" alt="Une belle image">

<a href="https://example.com">Cliquez ici</a>

</body>

</html>
Conclusion

HTML est le fondement de toute page web. Ce langage permet de structurer efficacement le

contenu pour qu'il soit compréhensible par les navigateurs. Après avoir maîtrisé le HTML, la

prochaine étape consiste à apprendre le CSS pour styliser vos pages web.

Vous aimerez peut-être aussi