# data[].attributes.body
body {
background-color: #92a8d1 ;
font-family: tahma ;
font-size: 25px ;
color: white ;
padding-left: 180px
}
h1{
Color: coral;
font-family:arial;
font-size: 30px;
text-align: center;
background-color: grey ;
text-decoration: underline ;
text-shadow:3px 2px 4px black ;
width: 700px ;
}

# data[].attributes.body
<!doctype>
<html>
<head>
<meta charset="utf-8">
<link href="22.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>safer internet day</h1>
<p>safer internet day was celebrated on tuesday, 11 february 2020, when, once again, stakeholders
joined forces across the globe to work "together for a better internet".
<br>digital technologies provide you with a world of possibilities at your fingertips. Never before
have we enjoyed so many opportunities to learn, exchange, participate and creat. Yet, the internet
also opens up certain risks to it's users-especially the most vulnerable ones, such as children: privacy
concems,cyberbullying, disinformation, exposure to potentially harmful content and predatory behaviours
,to quote but a few.</br>
</p>
</body>
</html>

# data[].attributes.body
<! doctype html>
<head>
<title>zozor</title>
<meta charset="utf-8">
</head>
<body>
<h1>zozor</h1>
<h2>carnets de voyage</h2>
<ol>
<header>
<nav>
<ul type="square">
<a href="#sect"><li>acceuil</li></a>
<a href="blog.html"><li>blog</li></a>
<a href="cv.html"><li>cv</li></a>
<ul>
</nav>
</header>
<h3> A propos de l'auteur </h3>
c'est moi,zozor! je suie né un 23 novembre 2005
<h3> je suis  un grand voyageur</h3>
<br>
Bla bla bla bla (text de l'article)
</br>
</br>
<br>
copyright Zozor - tous droits rèservès
</br>
<A href="mailto:chaimabdiri3@gmail.com"> me contacter !</a>
</body>
</html>

# data[].attributes.body
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> table</title>
</head>
<body>
<TABLE border=2>
<caption> passagers du vol 377</caption>
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Age</th>
<th scope="col">Pays</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Nom</th>
<th>Age</th>
<th>Pays</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Carmen</td>
<td>33 ans </td>
<td>Espagne</td>
</tr>
<tr>
<td>Michelle</td>
<td>26 ans </td>
<td>Etats-Unis</td>
</tr>
<tr>
<td>François</td>
<td>43 ans </td>
<td>France</td>
</tr>
<tr>
<td>Martine</td>
<td>34 ans </td>
<td>France</td>
</tr>
<tr>
<td>Jonathan</td>
<td>13 ans </td>
<td>Australie </td>
</tr>
<tr>
<td>Xu</td>
<td>19 ans </td>
<td>Chine</td>
</tr>
</tbody>
</table>
</body>
</html>

# data[].attributes.body
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> table</title>
</head>
<body>
<table border=2>
<tr>
<th> Title du film</th>
<th>Pour enfants?</th>
<th>Pour adolescents?</th>
</tr>
<tr>
<td> Massacre à la tronçonneuse</td>
<td> Non, trop violent</td>
<td>Oui</td>
</tr>
<tr>
<td>Les bisounours font du ski </td>
<td> Oui, adapté </td>
<td> Pas assez violent...</td>
</tr>
<tr>
<td>Lucky Luke, seul contre tous</td>
<td rowspan="2"> Pour toute la famille !</td>
</table>
</body>
</html>

# data[].attributes.body
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> table</title>
</head>
<body>
<table border=2>
<tr>
<th>Titre du film</th>
<td>Massacre à la tronçonneuse</td>
<td>Les bisounours font du ski</td>
<td>Lucky Luke, seul contre tous</td>
</tr>
<tr>
<th>Pour enfants ?</th>
<td>Non, trop violent</td>
<td>Oui, adapté</td>
<td rowspan="2">Pour toute la famille !</td>
</tr>
<tr>
<th>Pour adolescents ?</th>
<td>Oui</td>
<td>Pas assez violent...</td>
</tr>
<BR>
</table>
<table border=2>
<tr>
<th> Title du film</th>
<th>Pour enfants?</th>
<th>Pour adolescents?</th>
</tr>
<tr>
<td> Massacre à la tronçonneuse</td>
<td> Non, trop violent</td>
<td>Oui</td>
</tr>
<tr>
<td>Les bisounours font du ski </td>
<td> Oui, adapté </td>
<td> Pas assez violent...</td>
</tr>
<tr>
<td>Lucky Luke, seul contre tous</td>
<td colspan="2"> Pour toute la famille !</td>
</table>
</BR>
<TABLE border=2>
<caption> passagers du vol 377</caption>
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Age</th>
<th scope="col">Pays</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Nom</th>
<th>Age</th>
<th>Pays</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Carmen</td>
<td>33 ans </td>
<td>Espagne</td>
</tr>
<tr>
<td>Michelle</td>
<td>26 ans </td>
<td>Etats-Unis</td>
</tr>
<tr>
<td>François</td>
<td>43 ans </td>
<td>France</td>
</tr>
<tr>
<td>Martine</td>
<td>34 ans </td>
<td>France</td>
</tr>
<tr>
<td>Jonathan</td>
<td>13 ans </td>
<td>Australie</td>
</tr>
<tr>
<td>Xu</td>
<td>19 ans </td>
<td>Chine</td>
</tr>
</tbody>
</table>
</body>
</html>

# data[].attributes.body
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> table</title>
</head>
<body>
<table border=2>
<tr>
<th>Titre du film</th>
<td>Massacre à la tronçonneuse</td>
<td>Les bisounours font du ski</td>
<td>Lucky Luke, seul contre tous</td>
</tr>
<tr>
<th>Pour enfants ?</th>
<td>Non, trop violent</td>
<td>Oui, adapté</td>
<td rowspan="2">Pour toute la famille !</td>
</tr>
<tr>
<th>Pour adolescents ?</th>
<td>Oui</td>
<td>Pas assez violent...</td>
</tr>
<BR>
</table>
</body>
</html>

# data[].attributes.body
<!doctype>
<html>
<head>
<Meta charset="UTF-8"/>
<title> Homework 1</title>
</head>
<body bgcolor="">
<p align="center"><font size="45"> Histoire D'internet</font></p>
<p><font size="3.5"> Internet est le résau informatique mondiale accessible au public. c'est un réseau de réseaux , a commutation de paquets,sans centre névralgique, composé de
millions de réseaux aussi bien publics que privés, universitaires,commerciaux et gouvernementaux, eux-memes regroupés en réseaux autonomes.</br>
<br>L'information est transmise par internet grace a un ensemble standardisé de protocoles de transfert de données, qui permet des application variées comme le
courrier électronique, la messagerie instantanée, le pair-a-pair et le <b> World Wide Web</b>,</br>
<br> Internet avant été populaire par l'apparition du <font color="red">W</font>orld <font color="red">W</font>ide <font color="red">W</font>eb
</br></p></font>
<h1><u>HISTORIQUE</u></h1>
<ol><font size=3.5>
<LI> 1958: Invention du modem </LI><br>
<LI> 1962: Début de la recherche âr DARPA </LI><br>
<LI> 1969: premiere connecion a distance</LI>
</OL></font>
<p><font size=4.5> La connexion des premieres ordinateurs entre 4 universités américaines:</p>
<ul type="circle">
<li>le <font color="blue"><u>stanford</font></u></li><br>
<li> L'univeresité de californie a LOS ANGLES </li><br>
<li> L'univeresité de californie a SANTA BARBARA </li><br>
<li> L'univeresité d'UTAH </li><br>
</ul>
<figure>
<img src="img.JPG" alt="image" width=800 height=200 border=2>
</figure>
</body>
</html>

# data[].attributes.body
homework 1

# data[].attributes.body
youssef kasmi
homework 2

# data[].attributes.body
homework 2

# data[].attributes.body
homework 1

# data[].attributes.body
homework

# data[].attributes.body
ilyes ben amira

# data[].attributes.body
ilyes ben amira

# data[].attributes.body
ilyes ben amira

# data[].attributes.body
safer internet day

# data[].attributes.body
ilyes ben amira

# data[].attributes.body
nada ben amor

# data[].attributes.body
nada ben amor

# data[].attributes.body
<!doctype>
<html>
<head>
<meta charset="utf-8"/>
<title> Emna Zendaoui </title>
</head>
<body>
<table border="2">
<th align="center" size="100" maxlength="100"> Safer Internet Day </th>
<tr>
<td align="left" size="8"> Safer Internet Day was celebrated on Tusday, 11 February 2020, when, once again, stakeholders joined across the globe to work
<q><br><br>"together for a better internet"</q><br><br> Digital technologies you with a world of possibilities at your fingertips. never befor have we enjoyed so many opporttunities to learn, exchange, participate and creat. Yet, the internet also opens up certain risks to its users especially the most vulnerable ones, such as children:privacy concers, cyberbullying, disinformation, exposure to potentially harmful content and predatory behaviours, to quote but a few</br>
</td>
</tr>
<tr>
<td align="center"><a href="inscription.html">inscription</a>
</tr>
<figure>
</table>
<img src="SID2.jpg" alt="safer internet day" align="center" width="400" height="300" border=0>
<fieldset>
<legend>inscription</legend>
<table border="0">
<tr>
<td><label for="crivilite">crivilite</label></td>
<td >mademoiselle<input type="radio"value="mademoiselle"checked name="crivilite" id="crivilite">
madame<input type="radio"value="madame" name="crivilite" id="crivilite">
monsieur<input type="radio"value="monsieur"name="crivilite" id="crivilite"></td>
</tr>
<tr>
<td><label for="name">nom<abel></td>
<td><input type="text"name="nom"id="nom"></td>
</tr>
<tr>
<td><label for="prenom">prenom</label></td>
<td><input type="text"name="pre"id="prenom"></td>
</tr>
<tr>
<td><label for="date">date</label></td>
<td><input type="date"name="bday"id="bday"></td>
</tr>
<tr>
<td><label for="adr">adresse</label></td>
<td><textarea name="adr" cols="41" rows="8" id="adr"></textarea></tr>
</tr>
<tr>
<td>
enter votre address email:<input type="text" value="http://" name="adresse" size="50" maxlenght="100">
</tr>
<br>
<tr>
<td><label for="crivilite">niveau scolaire</label></td>
<td >secondaire<input type="radio"value="secondaire"checked  name="niveau scolaire" id="niveau scolaire">
universitaire<input type="radio"value="universitaire"name="niveau scolaire" id="niveau scolaire">
autre<input type="radio"value="autre"name="niveau scolaire" id="niveau scolaire">
</td>
</tr>
<tr>
<td><label for="modules de formations">modules de formations</label></td>
<td><select size="1"id="modules de formations"name="modules de formations">
<option>python</option>
<option>pascal</option>
<option>html5</option>
<option>css3</option>
</select>
</td>
</tr>
</fieldset>
</table>
(*)chaainps obligatoires
<input type="submit" value="inscription">
<input type="reset" value="annuler">
</table>
</fieldset>
</body>
</html>

# data[].attributes.body
youssef ben hamda

# data[].attributes.body
<!doctype html>

<html>
<head>
<title>formulaire</title>
</head>
<body bgcolor=#ff9999>
<fieldset >
<legend> Information personnelles </legend>
<table border ="0">
<tr>
<td><label for = "name"> Nom </label ></td>
<td> <input ="text" name="nom " id = "nom " ></td></tr>
<tr>
<td><label for ="prenom ">penom </label > </td>
<td> <input ="text" name="prenom " id = "prenom " ></td></tr>
<td><label for = "date"> date de naissance</label ></td>
<td> <input ="date" name="bday " id = "bday " ></td></tr>
<tr>
<td> <label for ="sexe" > Sexe</label ></td>
<td>Homme <input type ="radio" value="H" name ="sexe" id ="sexe">
Femme <input type ="radio" value ="F" checked name ="sexe" id ="sexe"> </td></tr>
<tr>
<td><label for ="tel">Telephone </label>
</td>
<td><input type "tel" id ="tel" name ="tel" pattern "[0-9] {8}" required ></td>
</tr>
<td> <label for ="adr" > Adresse </label></td>
<td><textarea name="adr" code="41" rows="8" id="adr"></textarea></td>
</tr>
</table>
</fieldset>
<fieldset><legend>Inscription</legend>
<table border=0>
<tr><td><label for="login">Login</label></td><td>
<input type="text"name="login"id="login"></td></tr><tr><td>
<label for="pws">Mot de passe</label></td><td>
<input type="password"name="pws"id="pws"></td></tr><tr><td>
<label for="email">Adresse email</label></td><td>
<input

type="email"name="email"id="email" placeholder="votre email"></td></tr>
</table></fieldset>
<fieldset>
<legend>Commande</legend>
<table border="0"><tr><td>
<label for="art">Article</label>
</td><td><select size="1" id="art" name="art">
<option value="Clavier">Clavier</option>
<option value="Souris">Souris</option>
<option value="Casque">Casque</option>
<option value="Tapis">Tapis</option>
<option value="Ecran">Ecran</option>
</select></td></tr><tr><td>
<label for="qte">Quantité</label></td><td>
<input type="number" id="qte" name="qte" min="1" max="5">
</td></tr></table></fieldset>
<input type="submit" value="envoyer">
<form></body></html>

# data[].attributes.body
<!DOCTYPE HTML>
<HTML>
<HEAD>
<Meta charset="UTF-8"/>
<title>application</title>
</HEAD>
<body>
<h2>Les reseau informatique <h2>
<a href=http://www.kiteb.net/education/informatique/infogenerale/reseau/education-secondaire-informatique-reseaux-definition-types.php>definition </a> <br>
<a href=http://saliminformatik.canalblog.com/archives/2011/05/18/21165813.html> les types de réseau</a> <br>
<video controls="controls"loop="loop"autoplay="autoplay"preload="auto">
<source src="Qu'est ce qu'un réseau informatique4.mp4">
</video>
</body>
</html>

# data[].attributes.body
<!doctype HTML>
<HTML>
<HEAD>
<meta charset>
</head>
<body bgcolor="#125aedg">
<table border="2">
<th align="center" size="15" > Safer Internet Day </th>
<tr>
<td align="left" size="8"> Safer Internet Day was celebrated on Tuesday, 11 February 2020, when, once again, stakeholders joined forces across the <br> globe to work
<q>toghether for a better internet</q></br><br> Digital technologies provide you with a world of posibilities at your fingertips.</br>
Never before have we enjoyed so many opportunities to learn, exchange,participate and create. Yet, the internet also opens up certain risks to its users<br>
especially the most vulnerable ones, such as children: privacy, concerns, cyberbullying,disinformation,exposure to potentially harmful content and predatory behaviours,<br>
to quote but a few</br></td>
</tr>
<tr>
<td align="center"><a href="#inscription"> inscription </a>
<a name="inscription"> </a>
</tr>
</table>
<FIGURE>
<img source="SID2.JPG" alt="safer internet day" width="300" height="200">
</figure>
<audio controls="controls" loop="loop" autoplay="autoplay">

<form action="zeineb ben rhouma.html" method="get" name="f1">
<fieldset>
<legend> Inscription </legend>
<table border="0">
<tr>
<td><label for="civilite"> civilité: </label></td>
<td><input type="radio" id="sexe" name="sexe" value="Mademoiselle"required > Mademoiselle</td>
<td><input type="radio" id="sexe" name="sexe" value="Madame"required > Madame</td>
<td><input type="radio" id="sexe" name="sexe" value="Homme"required > Monsieur </td>
</tr>
<tr>
<td><label for="name"> nom et prenom:</label></td>
<td><input type="text" id="name" name="netp" placeholder="prenom" required > </td>
<td><input type="text" id="name" name="netp" placeholder="nom de famille"required  ></td>
</tr>
<td><label for="date de naissance">  date de naissance:</label></td>
<td><input type="date" id="date" name="date"required ></td>
</tr>
<td><label for="adresse">  adresse:</label></td>
<td><textarea name="adresse" id="adresse"required ></textarea></td>
</tr>
<tr>
<td><label for="adresse email"> adresse email: </label></td>
<td><input type="email" name="adr" id="adr" placeholder=" saisir votre adresse" required></td>
</Tr>
<tr>
<td><label for="niveau"> niveau scolaire: </label></td>
<td><input type="radio" name="secondaire" id="secondaire" required> secondaire </td>
<td><input type="radio" name="uni" id="uni" required> univertisaire </td>
<td><input type="radio" name="autre" id="autre" required> autre </td>
</tr>
<tr>
<td><label for="module"> module de formation: </label></td>
<td><select name="modules">
<option value="python" select> python </option>
<option value="pascal" > pascal </option>
<option value="html5" > html5 </option>
<option value="css3" > css3 </option>
</select>
</tr>
</form>
</fieldset>
</table>
<input type="submit" value="inscription">
<input type="reset" value="annuler" >

</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>  </title>
</head>
<body>
<h1> les reseaux informatiques </h1>
<a href=https://www.techno-science.net/definition/3799.html>difinition</a> <br>
<a href=https://www.commentcamarche.net/contents/513-types-de-reseaux>les type de reseau</a> <br>
<video controls="controls" height=300 width=300>
<source src="123456.MP4">
</video>

</body>
</html>

# data[].attributes.body
<!DOCTYPE HTML>
<HTML>
<HEAD>
<Meta charset="UTF-8"/>
<title>application</title>
</HEAD>
<body>
<h2>Les reseau informatique <h2>
<a href=http://www.kiteb.net/education/informatique/infogenerale/reseau/education-secondaire-informatique-reseaux-definition-types.php>definition </a> <br>
<a href=http://saliminformatik.canalblog.com/archives/2011/05/18/21165813.html> les types de réseau</a> <br>
<video controls="controls"loop="loop"autoplay="autoplay"preload="auto">
<source src="Les_reseaux_informatiques_et_Internet (1).mp4">
</video>
</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>  </title>
</head>
<body>
<h1> les reseaux informatiques </h1>
<a href=https://www.techno-science.net/definition/3799.html>difinition</a> <br>
<a href=https://www.commentcamarche.net/contents/513-types-de-reseaux>les type de reseau</a> <br>
<video controls="controls" height=300 width=300>
<source src="123456.MP4">
</video>

</body>
</html>

# data[].attributes.body
capture3

# data[].attributes.body
capture1

# data[].attributes.body
ilyes

# data[].attributes.body
formilaires(html2)

# data[].attributes.body
capture2

# data[].attributes.body
formulaires (html1)

# data[].attributes.body
formulaires

# data[].attributes.body
Amen Allah Ben Ameur

# data[].attributes.body
ez pz

# data[].attributes.body
amen allah ben ameur

# data[].attributes.body
zeineb ben rhouma

# data[].attributes.body
19/02/2020

# data[].attributes.body
aslema <3

# data[].attributes.body
19/02/2020

# data[].attributes.body
19/02/2020 grp2

# data[].attributes.body
<!doctype html>
<html>

<head>
<<meta http-equiv="centent-type" content="text/html;  charset=utf_8"/>>
<title> ahlan </title>
</head>
<body BGCOLOR="#B0E841" >
<form action="commande.html" name="f1" method="get">
<fieldset>
<legend> information personnelle</legend>
<table border="0">
<tr>
<td><label for ="name">nom</label></td>
<td><input ype="text" name="nom" id="nom"</td>
</tr>
<tr>
<td><label for ="prenom">prénom</label></td>
<td><input type="text" name="pre" id="prenom"</td>
</tr>
<tr>
<td><label for ="date">date de naissance</label></td>
<td><input type="date" name="bday" id="bday" ></td>
</tr>
<tr>
<td><label for="sexe"> sexe </label></td>
<td>homme<input type="radio" value="h" name"sexe" id="sexe">
femme<input type="radio" value="f" checked name="sexe" id="sexe"></td>
</tr>
<tr>
<td><label for="adr"> adresse </label></td>
<td><textarea name="adr" cols="41" rows="8" id="adr"></textarea></td>
</tr>
</table>
</fieldset>
<input type="submit" value="envoyer">
<form>

</body>
</html>

# data[].attributes.body
<!doctype html>
<html>

<head>
<<meta http-equiv="centent-type" content="text/html;  charset=utf_8"/>>
<title> ahlan </title>
</head>
<body BGCOLOR="#B0E841" >
<form action="commande.html" name="f1" method="get">
<fieldset>
<legend> information personnelle</legend>
<table border="0">
<tr>
<td><label for ="name">nom</label></td>
<td><input ype="text" name="nom" id="nom"</td>
</tr>
<tr>
<td><label for ="prenom">prénom</label></td>
<td><input type="text" name="pre" id="prenom"</td>
</tr>
<tr>
<td><label for ="date">date de naissance</label></td>
<td><input type="date" name="bday" id="bday" ></td>
</tr>
<tr>
<td><label for="sexe"> sexe </label></td>
<td>homme<input type="radio" value="h" name"sexe" id="sexe">
femme<input type="radio" value="f" checked name="sexe" id="sexe"></td>
</tr>
<tr>
<td><label for="adr"> adresse </label></td>
<td><textarea name="adr" cols="41" rows="8" id="adr"></textarea></td>
</tr>
</table>
</fieldset>
<form>
<fieldset>
<legend>inscription</legend>
<table border="0">
<tr>
<td><label for="login">login</label></td>
<td><input type="text" name="login" id="login"></td>
</tr>
<tr>
<td><label for="password">password</label></td>
<td><input type="password" id="pws" id="pws" name="pws"></td>
</tr>
<tr>
<td><label for="email">adress email</label></td>
<td><input type="email" id="email" name="email" placeholder="votre email"></td>
</tr>
</table>
</fieldset>
<fieldset><legend>commande</legend>
<table border="0">
<tr>
<td><label for="art">article</label></td>
<td><select size="1" id="art" name="art">
<option value="clavier">clavier</option>
<option value="souris">souris</option>
<option value="casque">casque</option>
<option value="tapis">tapis</option>
<option value="ecran">ecran</option>
</select>
</td>
</tr>
<tr>
<td><label for="qte">quantité</label></td>
<td><input type="number" id="qte"name="qte"min="1" max="5"></td>
</tr>
</fieldset>

</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
<b>les reseaux informatiques : <br>
<a href="https://fr.wikipedia.org/wiki/R%C3%A9seau_informatique">définition</a>
<br><a href="https://web.maths.unsw.edu.au/~lafaye/CCM/initiation/types.htm">les types de reseaux</a></br>
<video controls="controls" autoplay="autoplay" loop="loop" preload="preload">
<source src="rs.mp4">
</video>
</body>
</html>

# data[].attributes.body
19/02/2020

# data[].attributes.body
19/02/2020

# data[].attributes.body
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body BGCOLOR= "#676AD8" >
<from action="commande.html" name="f1" method="get">
<fieldset>
<legend>Informations personnelles</legend>
<table border=0>
<tr>
<td><label for="name">Nom</label></td>
<td><input type="text" name="nom" id="nom"></td>
</tr>
<tr>
<td><label for="prenom">Prenom</label></td>
<td><input type="text" name="pre" id="prenom"></td>
</tr>
<tr>
<td><label for="date"> Date de naissance</label></td>
<td><input type="date" name="bday" id="bday"></td>
</tr>
<tr>
<td><label for="sexe">Sexe</label></td>
<td>Homme<input type="radio" value="H" name="sexe" id="sexe">
Femme<input type="radio" value="F" checked name="sexe" id="sexe"></td>
</tr>
<tr>
<td><label for="tel"> Telephone</label></td>
<td><input type="tel" name="tel" id="tel" pattern="[0-9]{8}" required>
</tr>
<tr>
<td><label for="adr"> Adresse</label></td>
<td><textarea name="adr" cols="41" rows="8" id="adr"></textarea></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Inscription</legend>
<table border=0>
<tr>
<td><label for="login">Login</label></td>
<td><input type="text"name="login"id="login"></td>
</tr>
<tr>
<td><label for="pws">Mot de passe</label></td>
<td><input type="password"name="pws"id="pws"></td>
</tr>
<tr>
<td><label for="email">Adresse email</label></td>
<td><input type="email"name="email"id="email" placeholder="votre email"></td>
</tr>
</table>
</fieldset>
<fieldset><legend>Commande</legend>
<table border="0">
<tr>
<td><label for="art">Article</label></td>
<td><select size="1" id="art" name="art">
<option value="Clavier">Clavier</option>
<option value="Souris">Souris</option>
<option value="Casque">Casque</option>
<option value="Tapis">Tapis</option>
<option value="Ecran">Ecran</option>
</select>
</td>
</tr>
<tr>
<td><label for="qte">Quantité</label></td>
<td><input type="number" id="qte" name="qte" min="1" max="5"></td>
</tr>
</table>
</fieldset>
<input type="submit" value="envoyer">
<form>
</body>
</html>

04/02/2020         15:52

# data[].attributes.body
<head>
<meta charset="uft-8"/>
<title>formulaire</title>
</head>
<body bgcolor="#9DA0A2">
<form action="khoukha.html" name="fl" method="get">
<fieldset>
<legend>information personnelles</legend>
<table border ="0">
<tr>
<td><label for ="name"> nom</label></td>
<td><input type="text" name="nom" id="nom"></td>
</tr>
<tr>
<td><label for="prenom">prenom</label></td>
<td><input type="text" name="prenom" id="prenom"></td>
</tr>
<tr>
<td><label for="date">date de naissance</label> </td>
<td><input type ="date" name="bday" id="bday"></td>
</tr>
<tr>
<td><label for="sexe" >sexe</label></td>
<td>homme<input type="radio" value="h" name="sexe" id="sexe">
femme<input type ="radio" value="f" checked name ="sexe" id="sexe"></td>
</tr>
<td><label for ="tel">telephone</label></td>
<td><input tuype="tel" id="tel" name="tel" pattern="[0-9]{8}"required></td>
</tr>
<tr>
<td><label for="adr">adresse</label></td>
<td><textarea name="adr" cols="41" rows="8" id="adr"></textarea></td>
</tr>
</table>
</fieldset>
<input type="submit" value="envoyer">
</form>
<fieldset>
<legend>inscription</legend>
<table border="0">
<tr>
<td><label for="login">login</label></td>
<td><input type ="text" name="login" id="login"></td>
</tr>
<tr>
<td><label for ="pws">mot de passe</label></td>
<td><input type ="password" id="pws"name="pws"></td>
</tr>
<tr>
<td><label for="email">adress mail</label></td>
<td><input type="email" id="email" name="email" placeholder="votre mail"></td>
</tr>
</table>
</fieldset>
<fieldset><legend>commande</legend>
<table border="0">
<tr>
<td><label for="art">article</label></td>
<td><select size="1" id="art"name="art">
<option value="clavier">clavier</option>
<option value="souris">souris</option>
<option value="ecran">ecran</option>
<option value="tapis">tapis</option>
</select>
</td>
</tr>
<tr>
<td><label for="qte">quantite</label></td>
<td><input type="number" id="qte" min="1" max="5"></td>

</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<head>
<title></title>
</head>
<body bgcolor="#9DA0A8">
<b>les reseaux informatiques<br>
<a href="https://fr.wikipedia.org/wiki/Réseau_informatique">définition</a>
<br><a href="https://web.maths.unsw.edu.au/~lafaye/CCM/initiation/types.htm">les types de reseaux</a></br>
<video controls="controls" autoplay="autoplay" loop="loop" preload="preload">
<source src="les-reseaux-informatiques.mp4">
</video>
</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<HEAD>
<meta charset="utf-8">
<title>Inscription</title>
</HEAD>
<body bgcolor="yellow">
<P align="center"><font color="red" >Inscription</P>
<form action ="command.html" name="f1" method="get">
<fieldset>
<legend>Informations personnelles</legend>
<table border="0">
<tr>
<td><label for="name">Nom</label></td>
<td><input type ="text" name="nom" id="nom"></td>
</tr>
<tr>
<td><label for="prenom">Prénom</label></td>
<td><input type ="text" name="pren" id="prenom"></td>
</tr>
<tr>
<td><label for="date">Date de naissance</label> </td>
<td><input type ="date" name="bday" id="bday"></td>
</tr>
<tr>
<td><label for="sexe">Sexe</label></td>
<td><input type="radio"name="sexe"value="F"checked>femme<input type="radio"name="sexe"value="H">homme</td>
</tr>
<tr>
<td><label for="tel">Téléphone</label></td>
<td><input type ="tel" name="telephone" pattern=[0-9]{8}></td>
</tr>
<tr>
<td><label for="adr">Adresse</label></td>
<td><textarea name="adr" rows="8" cols="41" id="adr"></textarea></td>
</table>
</fieldset>
<fieldset>
<legend>Inscription</legend>
<table border="0">
<tr>
<td><label for="login">Login</label></td>
<td><input type="text" name="login" id="login"></td>
</tr>
<tr>
<td><label for="pws">Mot De Passe</label></td>
<td><input type="password" name="psw" id="pws"></td>
</tr>
<tr>
<td><label for="email">Adresse E-mail</label></td>
<td><input type="email" name="email" id="email" placeholder="votre mail"></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Commande</legend>
<table border="0">
<tr>
<td><label for="art">Article</label></td>
<td><select size="1" id="art" name="art">
<option>Clavier</option>
<option>Souris</option>
<option>Casque</option>
<option>Tapis</option>
<option>Ecran</option>
</select>
</td>
</tr>
<tr>
<td><label for="qte">Quantité</label></td>
<td><input type="number" id="qte" name="qte" min="1" max="5"></td>
</tr>
</table>
</fieldset>
<input type="reset" value="Annuler">
<input type="submit" value="Envoyer">
</form>
</body>
</html>

# data[].attributes.body
<!doctype >
<html>

<head>
<meta charset=utf_8"/>
<title> resaux</title>
</head>
<body Bgcolor="orange" text="black">
<strong>LES Résaux informatique </strong><br>
<a href="https://fr.wikipedia.org/wiki/R%C3%A9seau_informatique"> DEFINITION</a><br>
<a href="https://www.ionos.fr/digitalguide/serveur/know-how/les-types-de-reseaux-informatiques-a-connaitre/"> les type de reseaux </a><br>
<video controls="controls" loop="loop" autoplay="autoplay" preload="auto"><br>
<source src="Les réseaux informatiques et Internet.mp4">
</video>
</body>
</html>

# data[].attributes.body
19/02/2020
Les resaux informatiques

<!doctype html>
<html>
<head>
<meta charset="uft-8"/>
<title></title>
</head>
<body bgcolor="#9DA0A2">
<br><u>definition</u> </br>
<br><u><b> les resaux informatique</b></u></br>
<br><a href ="https://fr.wikipedia.org/w/index.php?title=Sp%C3%A9cial:Recherche&search=les+reseaux+informatiques&fulltext=1&profile=default&ns0=1">
definition</a></br>
<video controls ="controls" height =300 width=300 poster ="image_poster.jpg">
<source src ="info.mp4">
</video>

</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<head>
</head>
<meta charset="utf-8">
<title>application</title>
<body bgcolor="yellow">
<h1><strong>Les réseaux informatiques</strong></h1>
<a href="definition.html">Definition</a>
<br><a href="les types de reseaux.html">Les types de reseaux</a>
<br><video controls="controls" height=300 width=300 poster="image_poster.jpg" loop="loop" autoplay="autoplay">
<source src="Les réseaux informatiques et Internet.mp4">
</video>
</body>
</html>

# data[].attributes.body
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
<b>les reseaux informatiques<br>
<a href="https://fr.wikipedia.org/wiki/R%C3%A9seau_informatique">définition</a>
<br><a href="https://web.maths.unsw.edu.au/~lafaye/CCM/initiation/types.htm">les types de reseaux</a></br>
<video controls="controls" autoplay="autoplay" loop="loop" preload="preload">
<source src="les-reseaux-informatiques.mp4">
</video>
</body>
</html>

19/02/2020

# data[].attributes.body
application:
<!doctype html>
<html>
<head>
<meta charest=utf-8"/>
<title>ahlan</title>
</head>
<body bgcolor="C2E1CC">
<BR><u>definition</u></BR>
<BR><u> les types de réseaux</U></BR>
<a href="definition.html">definition</a>
<a href="les types de reseaux.html">les types de reseaux</a>
<video controls="controls" loop="loop" autoplay="autoplay" preload="auto">
<source src="147.mp4">
</video>
</body>
</html>