<!
DOCTYPE html>
<html>
<head> <h1>hidaya KETTANI</h1> </head>
<body bgcolor="silver" ><i><b>my html about how to do htmls</b></i> <img
src="WhatsApp_Image_2023-11-06_à_01.34.29_fde4ac3b.jpg" width="100" border="2px"
alt="logo de html"/>
<ol start="I">
<li>pour la couleur en backgrounde on ajoute au body <i><u>bgcolor="la
on ecrit la couler"</u></i> par exemple cette page est en argente</li>
<li>pour centrer le texte on ajoute a la balise < p > l'attribue
aligne et vous peuvez le centrer a gauche (left) ou droite (right) ... exp </li>
<p align="center"> cette texte se localise au centre du page
</p>
<li>a chaque fois tu veux un retour a la ligne on ajoute la balise <
br > et on note bien cette balise est <abbr title="il ne besoin pas d'une fermeture
dans les balises">impaire</abbr> </li>
<li>pour les style du texte on a plusieurs on obtient 3 famous</li>
<ul type="square">
<li>on fait la balise < i > pour un texte en <a
href="[Link]
<li>on fait la balise < u > pour un texte <a
href="[Link] </li>
<li>on fait la balise < b > pour un texte en <a
href="[Link]
</ul>
<li>pour l'exposant<b> (X<sup>n</sup>)</b> on ajoute la balise < sup >
au borne du chose en exposant par exemple la on a fait < sup > n < /sup ></li>
<li>pour l'indice <b>(X<SUB>n</SUB>)</b> on ajoute la balise < sub >
au borne du chose en indice par exemple la on a fait < sub > n < /sub ></li>
<li>pour l'abbriviation on ajoute la balise < abbr > au borne par
exemple on explique <abbr title="HyperText Markup Language">HTML</abbr></li>
<li>pour barré une message on ajoute la balise < del > on obtient par
exemple <del>hello</del></li>
<li>pour lire le texte en arrire la balise < bdo > cette balise
parfois resoudre les probleme ecrire en arbe ou autre langue ...</li>
<li>pour les highlits la balise < mark > et toujour en jaune</li>
<li>et pour les citation la balise < q ></li>
par exemple
<q>il vaut mieux hasarder de sauver un coupable que de condamner un
innocent</q><a href="[Link] -Voltaire </a>
<li>pour inserer une image la balise < img > cette balise est aussi
<abbr title="il ne besoin pas d'une fermeture dans les balises">impaire</abbr>
</li> </li>
aussi on ajoute le lien de l'image entre cette balise et l'exemple
et l'image de html en haute de la page
<li>pour tagger un lien on ajoute la balise < a href="la on ecrit le
nom du lien " ></li>
exemple :
<ul type="disc"><li><a
href="[Link] Nuits
blanches</button></a> est une longue nouvelle de l'écrivain russe <a
href="[Link]
Dostoïevski</button></a></li></ul>
note bien si on veux ouvrire le lien dans une autre page on ajoute
juste la balise < button > au bornes du mot
<li>pour ajouter au paragraphe des cercle/carre... pour les ordonnes la
balise < ul > et l'attache avec l'attribue type (disc/square/cercle)...</li>
<li>pour ajouter une petite page a la page principale pour explorer des
information attribue on ajoute la balise < iframe > </li>
exemple : on veux savoire les details sur la vie de <a
href="[Link] van Gogh </a>et son
fameux tableau<b><i>the starry night</i></b><br/>
<a href="[Link] target="main">
clique ici pour plus de details sur van Gogh <br/></a>
<iframe name="main" align="right" width="300" height="300"></iframe>
<a href="[Link]
%C3%A9e_(1889)" target="this">clique ici pour plus de details sur <b><i>the starry
night</i></b> </a>
<iframe name="this" align="right" width="300" height="300"></iframe>
</ol>
<h1 width="30" height="30" align="center">les formulaire</h1>
<p1>Les formulaires<abbr title="Hypertext Markup langue"> HTML</abbr>
sont un des vecteurs principaux d'interaction entre un utilisateur et un site web
ou une application. Ils permettent à l'utilisateur d'envoyer des données au site
web. La plupart du temps, ces données sont envoyées à des serveurs web mais la page
peut aussi les intercepter et les utiliser elle-même,et la balise de cette dernier
et < form > c'est la balise principale dont on insert les autre petit balise
definant le role exacte de cette formulaire, alors il existe plusieur type de
formulaire on note d'abord les principaux d'eux</p1>
<ol title="a">
<li>pour entrer les information entre une case on ajoute le nome de
cette case par la balise < label > avec l'attribue for pour ajouter sa nom<br/>et
en suite on ajoute une balise < intput > pour lire que entre
l'utilisateur</output></li>
par exemple tu veux faire une inscription au site netflix<br/>
N.B:pour valider ou bien suprimer ou bien ajouter une botton en
generale pour que l'utilusateur envoie ses information on ajoute la balise < input
> avec l'atribue type et value pour decider quelle information prend cette petite
case<br/>
<forme>
<label for="nom">nom</label>
<input id="nom" type="text" placeholder="enter votre nom
s'il vous plait"> <input type="submit" value="OK"> <input type="reset"
value="anuller"><br/>
<label for="prenom">prenom</label>
<input id="prenom" type="text" placeholder="enter votre
prenom s'il vous plait"> <input type="submit" value="OK"> <input type="reset"
value="anuller"><br/>
<label for="email">email</label>
<input id="email" type="text" placeholder="enter votre
email s'il vous plait"> <input type="submit" value="OK"> <input type="reset"
value="anuller"><br/>
<label for="numero de telephone">numero de
telephone</label>
<input id="numero de telephone" type="text"
placeholder="enter votre numero de telephone s'il vous plait"> <input type="submit"
value="OK"> <input type="reset" value="anuller"><br/>
<label for="date de naissance">date de naissance</label>
<input id="date de naissance" type="date"
placeholder="enter votre date de naissance s'il vous plait"> <input type="submit"
value="OK"> <input type="reset" value="anuller"><br/>
</forme>
<li>pour donner a l'utilisateur de choisire entre plusieur choix
dont il coche le choix qu'il le convient on utilise la balise input toujour mais
cette fois avec l'attribue type cheackbox et bien sur l'attribue vakue pour entrer
son valeur </li><br/>
exemple de choisire ton application preferer
<form>
<input type="checkbox" value="WhatsApp">WhatsApp <br/>
<input type="checkbox" value="Instagram">Instagram<br/>
<input type="checkbox" value="Facebook">Facebook<br/>
<input type="checkbox" value="tiktok">tiktok<br/>
<input type="checkbox" value="netflix">netflix<br/>
<input type="checkbox" value="hbo">hbo<br/>
<input type="checkbox" value="youtube">youtub<br/>
</form>
<li>pour valider une valeur on ajoute l'attribue checked</li> <br/>
par exemple <br/>
cocher ton joueur de football preferer <br/>
<form>
<input type="checkbox" value="mbappe" >mbappe<br/>
<input type="checkbox" value="Leo messi" checked>Leo
messi<br/>
<input type="checkbox" value="Halaand" >Halaand<br/>
<input type="checkbox" value="CR7" >CR7<br/>
</form>
<li>pour donner a l'utilisateur plusier choix mais il a le droit de
choisire un seul choix on ajoute l'attribue le type radio</li><br/>
par exemple tu as le droitde choisire un seul choix dans les
specialite au bac scientifique<br/>
<form>
<input type="radio" name="sm">sm A<br/>
<input type="radio" name="sm">sm B<br/>
<input type="radio" name="sm">pc<br/>
<input type="radio" name="sm">svt<br/>
</form>
<li>pour donner a l'utilisateur une place ou il entre un texte on
ajoute la balise < textarea ></li><br/>
exemple doner un feedback sur le social media et son influence sur
la nouvelle generation <br/>
<form>
<textarea cols="8" rows="7"></textarea>
</form>
<li>pour donner a l'utilisateur une liste pour choisire une reponse
on utilise la balise < select ></li><br/>
par exemple choisire un mois pour reserver une chamber a l'hotel
maamora<br/>
<form>
<select>
<option>janvier</option>
<option>fevrier</option>
<option>mars</option>
<option>avril</option>
<option>mai</option>
<option>juin</option>
<option>juillet</option>
<option>aout</option>
<option>september</option>
<option>octobre</option>
<option>november</option>
<option>december</option>
</select>
</form>
</ol>
</body>
</html>
