---
# System prepended metadata

title: html prise en main

---

# html prise en main
:ab: :spider_web: 
HTML => HyperText Markup Language
[https://en.wikipedia.org/wiki/HTML](https://en.wikipedia.org/wiki/HTML)
:inbox_tray: 
Le doc ressource sur l'html se trouve [ici](https://drive.google.com/file/d/0B9fj93mCrxamdDQ2Qzh6N003M0E/view?usp=share_link&resourcekey=0-eoa4jmnanu6Mbtjwr9qTKA)
:book: 
Prendre en main la documentation sur l'html à partir de la page 22. 
:pencil2: 

Vous pouvez utiliser les éditeurs suivant : 
***blocnote, notepad++, atom, sublimetext..***

:warning: 
--
Enregitrez bien votre fichier au format html avec l'extension de fichier`  .html`

:desktop_computer: 
Tester votre fichier sur votre navigateur internet

Vous devriez avoir à peu près ceci!

![](https://i.imgur.com/i29pObV.png)

## Balises à tester

Avec le document ressource sur l'html qui se trouve [ici](https://drive.google.com/file/d/0B9fj93mCrxamdDQ2Qzh6N003M0E/view?usp=share_link&resourcekey=0-eoa4jmnanu6Mbtjwr9qTKA) , tester les balises que vous trouverez aux pages 23, 24, 25,....,30 
page 23: `<B>, <strong></strong> `... 
page 24: les couleurs RGB
`<FONT COLOR="#0000FF">en bleu</FONT>`
 ici 
```
R <=> 00
G <=> 00
B <=> FF
```
[https://htmlcolorcodes.com/](https://htmlcolorcodes.com/)

page 25: les balises `<div> </div>`
page 26: les listes
page 26-28: les titres et liens.

Créer 2 pages qui renvoient l'une vers l'autre.

## TP(s)
[TP1](https://drive.google.com/file/d/0B9fj93mCrxamdjlEeGZwQWdVdW8/view?usp=share_link&resourcekey=0-JdgAFcuDr13ByPfVxRlKMA)
[TP2](https://drive.google.com/file/d/0B9fj93mCrxamQmE4NXQzUlF1OWs/view?usp=sharing&resourcekey=0-WFLqgBbcr44ELxRdJb3uPQ)


