Photo :
<img src="" alt="" >description of the img
Audio :
<audio controls loop muted > ( loop :retern auto)
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.wav" type="audio/wav">
<source src="audio.ogg" type="audio/ogg">
</audio>
Video :
<video controls width="" height="" loop muted autoplay
poster="img/img.png" preload="">
<source src="datavid/vid1.mp4" type="video/mp4">
<source src="datavid/vid1.webm" type="video/webm">
<source src="datavid/vid1.ogg" type="video/ogg">
your prwoser does not supportud the vidio
<track src="cc.vtt" kind="subtitles" label="english">
<track default src="cc.vtt" kind="subtitles" label="arabe">
</video>
NB :
poster="img/img.png" Add a background to the clip
preload="" loding video or oudio
preload="auto" (loding auto) kat3tel lik site machi blan
="none" (madirch loding 7ta tkhdem video tat3awn f speed dyal
site)
="metadata" ( loding data dyal video machi lvideo)
<track> = katziid lik tarjama l vedio
Kind= katkhtar no3 dyal tarjama
Label= katkhtaar mnha luange
Default= katkhdem lik luange li drtiha fiha par defaut
Table :
<table border="1">
<caption>table border</caption> caption : l3onwan dyal table
<thead> thead : katmyez lina head dyal table
<tr> tr :kat3ni enregistrement (ligne)
<th> nom</th>
<th>age</th> th : kandiroha d entête dyal table
<th>adr </th>
</tr>
</thead>
<tbody> tbody :katmyez lina body dyal table
<tr>
<td>otman</td>
<td>23</td> td :kandiroha bach n3mro ligne 3adi
<td>rue 1</td>
</tr>
<tr>
<td>jamal</td>
<td>32</td>
<td>rue 2</td>
</tr>
</tbody>
<tfoot> tfoot :katmyez lina pied dyal table
<tr>
<td> nomber total</td>
</tr>
</tfoot>
</table>
NB :
colspan="" Katzdi lik lkhanat 3amodiyaan (vertical)
rowspan="" Katzdi lik lkhanat ofo9iyaan (horizontale)
liste :
<ul> ul :kadir lik liste 3la chkel dyaal point o machi
trier
<li> html</li>
<li> css</li> li : katkteb wstha 3onsor dyal liste
<li> javascript</li>
</ul>
<ol type="1"start="15"> ol :kadir lina liste mrtba 123,I II
III,ABC,abc
<li> html</li> start= tartib taybda mn 15
<li>css</li>
<li>javascript</li>
</ol>
Links :
<a target="_blank" href="tp1.html">index</a>
<img src="img/img.png">
id="sec"
href="mailto:[email protected]"
href="tel:0669132798"
</a>
Target= howa mnin tankhtaro wach ul yban f nfs saf7a wla ytfte7 f
nouvaux page
_Blank : page jdidaa
_self : nfs page
<img src="img/img.png"> ila bgiiina link ytl3 lina 3la chkel img
id="" :hada tay3ti id l chi parrtie mn code dyalek li mñ lkhilal dyalo
t9der ytll3 lik partie f link
href=mailto:[email protected] : mailto : tatmknek bach t9dr tsift
msg par email
href="tel:0669132798". : tel :tatkhlik tsoni 3la chi num
form :
<form>
<fieldset>
<legend>test</legend>
<label for="txt"> user name</label>
<input type="text" name="txt" required><br/>
<label for="password">password</label>
<input type="password" name="password" required><br/>
<input type="submit" value="click">
</fieldset>
</form>
<fieldset> : kadir lik cadre 3la lform
<lrgend> : kadir lik smya l cadre
<label for= "…….."> : libel hiya étiquète dyal zone o for="" katkhtar
lblasa dyal hadik zone
<input type="" name=""required><br/> : input hiya bach kadiir zone
type katkhtar type dyal dik zone required kadirha bach darori khas
t3mer zone.
Type="submit" :kadiir lik botton value : katkteb fiha dakchi li bgiti
ytl3 lik f botton
placeholder="" :hadi kadiiir lik ktba wst zone katmchi mnin katbda
lktbaa
<input class="file-upload-input" type="file"
onchange="readURL(this)"accept="image/*"
