Scribd
Importer
38 vues2 pages

Jour 1

Ce document présente une formation sur les bases du HTML, expliquant sa structure, les balises et les attributs. Il inclut un guide pratique pour créer une page HTML simple et propose un exercice supplémentaire. À la fin, les participants sont encouragés à expérimenter avec différents éléments et attributs.

Transféré par

Abdirahman Robleh
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
38 vues2 pages

Jour 1

Ce document présente une formation sur les bases du HTML, expliquant sa structure, les balises et les attributs. Il inclut un guide pratique pour créer une page HTML simple et propose un exercice supplémentaire. À la fin, les participants sont encouragés à expérimenter avec différents éléments et attributs.

Transféré par

Abdirahman Robleh
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

Formation HTML

Jour 1: Introduction HTML

Théorie
Qu'est-ce que HTML ?

HTML (HyperText Markup Language) est le langage standard utilisé pour créer des pages web. Il permet
de structurer le contenu d'une page en utilisant des balises.

Structure d'un document HTML

Un document HTML de base se compose des éléments suivants :

```
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titre de la Page</title>
</head>
<body>
<!-- Contenu de la page -->
</body>
</html>
```

Éléments et balises

- Balises : Les balises définissent les éléments du document (ex. `<h1>`, `<p>`, `<img>`).
- Éléments : Une balise d'ouverture et une balise de fermeture, avec du contenu entre elles (ex. `<p>Ceci
est un paragraphe.</p>`).

Attributs HTML

Les attributs fournissent des informations supplémentaires sur les éléments. Ils sont ajoutés à la balise
d'ouverture. Par exemple :
```
<img src="image.jpg" alt="Description de l'image">
```
- `src` : Spécifie l'URL de l'image.
- `alt` : Fournit une description textuelle de l'image.
Pratique
Créer une page HTML simple

1. Ouvrez votre éditeur de code (Visual Studio Code, Sublime Text, etc.).
2. Créez un nouveau fichier et nommez-le `index.html`.
3. Copiez et collez le code suivant :

```
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ma Première Page HTML</title>
</head>
<body>
<h1>Bienvenue sur ma page !</h1>
<p>Ceci est un paragraphe pour vous présenter ma première page HTML.</p>
<p>Voici une image :</p>
<img src="https://via.placeholder.com/150" alt="Image de placeholder">
</body>
</html>
```

4. Sauvegardez le fichier et ouvrez-le dans votre navigateur web.


5. Vérifiez que la page s'affiche correctement** avec le titre, les paragraphes et l'image.

Exercice Supplémentaire

- Ajoutez un deuxième paragraphe avec une description personnelle.


- Changez l'image par une autre de votre choix en modifiant l'URL dans l'attribut `src`.

Conclusion

Aujourd'hui, vous avez appris les bases du HTML et créé votre première page web. N'hésitez pas à
expérimenter davantage avec différents éléments et attributs !

Vous aimerez peut-être aussi