mola5as cour STI
ili 9rineh
les paragrafs html
les images,videos,audios html
liste et table html
hyperlinge html
paragraf
il < p > balise tecteb fiha les texts

tnejem twathaf fiha des balis o5rin kima < span > il tnejem t2athar 3ala kelma wala 7arf wa7adou mouch 3ala jomla kemla

tnejem tobrez kelma wala jomla b des balis o5rin kila < code > exp: code ; < ins > exp:exemple ;< mark > exp: exemple;< b > exp:exemple ;ect...

fama zeda les balis < h1 >..< h6> bech tbedel il size exp:

A

A

A

A

A
A

w fil css tnejem tbedel il color b p{color:red;} w tnejem tbedel il itijeh mte3 il ktiba p{justify:par exemple center;} wtnejem zeda tzidou shadow p{text-shadow:1px 1px 2px red;} top,left/right,battom; ect...

image
bech ta3mel insertion il image nista3mou il baliz < img src="" alt="" />

w bech na3mlou 3enwen lil image nwaliw na3mlou < figure > < img > < figcaption >le titre de l'image < / figcaption > < / figure >

video bech ta3mel video tista3 nesta3mlou il balis < video controls> < source src="" type="video/mp4" >< / video > il controls twali tnejem tit7akem bil video kima tnejem t5aliha autoplay wala autoplay muted

w bech na3mlou 3enwen lil video nwaliw na3mlou < figure > < video controls> < source src="" type="video/mp4" >< / video > < figcaption >le titre de video < / figcaption > < / figure >

audio
bech ta3mel vocal tista3mel il balis < audio src="" controls>< / audio>
le titre de vocal

w bech na3mlou 3enwen lil vocal nwaliw na3mlou < figure > < audio scr="" >< /audio> < figcaption >le titre de vocal < / figcaption > < / figure >

table
bech ta3mel table lezmek il baliz < table >< /table >

bech ta3mel table lezmek ta3raf tfara9 mabin il < tr >< / tr> w il < td >< /td>

il < tr>< /tr> hiya il case

il < td>< /td> hiya il 5ana il fiwest il case

il < th>< /th> hiya 3onsor raisi

itha ken t7eb tedmej zouz 5anet wala akthar m3a b3athhom tista3mel (bel 3orth colspan bel toul rowspan)< td colspan="2">< /td>,< td rowspan="2">< /td>

bech na3mlou 3enwen lil table nista3mlou il balis < table> < figcaption >le titre de table < / figcaption > < tr>< td>1< /td>< td>2< /td>< /tr>< /table>

le titre de table
1
23
4
liste
fama zouz anwe3 mte3 list

list nimeroter n3aytoulhe bel balis < ol>< /ol>

liste normal < ul>< /ul>

il liste tit3aba b balis < li>< /li>

exp liste
    • rayen
    • ahmad
    • ali
    • marwen
hyperlinge
bech tisna3 hyperlinge tnejem testa3mel il balis< a href="">..

hypertext:< a href="page,https/page,#id">text< /a>

hyperimg:< a href="page,https/page,#id">< img src="" alt="">< /a>