Seffeɣ-d asenfaṛ-ik
Tigi-ḍ kra n usnifel seg mi i d-yeffeɣ usenfaṛ inek.
Asenfaṛ-ik yettban ẓẓay akken ad d-yali.
Ma yella ur d-yuli ara, ales asali n usebter sakin ɛreḍ tikelt-nniḍen.
M'ur i k-d-ifki ara tallelt, ini-aγ-d.
Ma ulac aɣilif, ales asali n yiminig-ik akken ad tɛerḍeḍ Thimble tikelt-nniḍen.
I ugar n tuccḍiwin, ldi tadiwent n ifecka n uneflay n iminig-ik.
TAZMILT: MA yella tesseqdaceḍ askar n tunigin tusligt, smiren asebter di tunigin tamagnut.
<!-- Rnu awennit-ik dagi -->
<table> <tr> <th>Iqeṛṛa</th> <th>Iqeṛṛa</th> </tr> <tr> <td>Azal</td> <td>Azal</td> </tr> </table>
<ol> <li>Aferdis 1</li> <li>Aferdis 2</li> <li>Aferdis 3</li> </ol>
<ul> <li>Aferdis 1</li> <li>Aferdis 2</li> <li>Aferdis 3</li> </ul>
<form action="" method="get"> <label for="first-name">Isem amezwaru</label> <input id="first-name" type="text" name="firstname"><br> <label for="last-name">Isem aneggaru</label> <input id="last-name" type="text" name="lastname"><br> <input type="submit" value="Azen"> </form>
<script src="script.js"></script>
<!-- Rnu tarekkizt <link> ar ufaylu-ikr HTML. Ad ttwasersent s umata di trekkizt <head> --> <link href="style.css" rel="stylesheet">
<video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> Iminig agi ur issefrak ara terekkizt n tvidyut </video>
<audio controls> <source src="audio.mp3" type="audio/mpeg"> Iminig agi ur issefrak ara terekkizt n umeslaw. </audio>
/* Rnu awennit-ik dagi */
p { font-size: 20px; }
.className { background-color: green; }
#idName { background-color: green; }
/* Aferdis fiɣef ara tesnes tigri */ .animated { animation-name: animationName; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-out; } /* Tangalt n tigri */ @keyframes animationName { 0% { background-color: red; } 50% { background-color: orange; } 100% { background-color: yellow; } }
/* Aɣanib azadur */ a:link { color: RoyalBlue; text-decoration: none; } /* Yettwarza */ a:visited { color: Orchid; } /* Urmid */ a:active { color: OrangeRed; } /* Yettwafeg fell-as */ a:hover { text-decoration: underline; }
@media screen and (max-width: 320px) { /* Ilugan yettaddmen ticki tehri n ugdil tugar 320 px */ } @media screen and (min-width: 321px) and (max-width: 768px) { /* Ilugan yettaddmen ticki tehri tella gar 321 px d 768 px px */ } @media screen and (min-width: 769px) { /* Ilugan yettaddmen ticki tehri n ugdil tugar 768 px */ }
@font-face { font-family: myFirstFont; src: url(sansation_bold.woff); font-weight: bold; }
/* Ad yernu aneccab send yal aferdis s class='arrow' */ .arrow::before { content: "→"; background: DodgerBlue; color: white; }
// Rnu awennit-ik dagi
function sayHello(name) { console.log("Azul, " + name); } sayHello("Yugurten");
var names = ["Yugurten", "Yuba", "Sifaks"];
var person = { name: "Yuba", skills: ["JS", "HTML"] };
var names = ["Yugurten", "Yuba", "Sifaks"]; var name; for (var i = 0; i < names.length; i++) { name = names[i]; console.log(name); }
var count = 5; while (count > 0) { console.log(count); count = count - 1; }
var name = "Yuba"; if (name === "Yuba") { console.log("Azul, " + name); } else if (name === "Sifaks") { console.log("Azul, " + name); } else { console.log("Azul, a yabeṛṛani!"); }
var name = "Yuba"; switch(name) { case "Yuba": console.log("Azul, " + name); break; case "Sifaks": console.log("Azul, " + name); break; default: // Eg kra ma tettwaqbel tewtilt console.log("Azul, a yabeṛṛani!"); }
// Fren aferdis s id="button" var element = document.querySelector('#button'); element.addEventListener("click", function() { console.log("Click!"); });
// Fren aferdis s id='alert' var element = document.querySelector('#alert'); element.style.background = "OrangeRed";
Tigi-ḍ kra n usnifel seg mi i d-yeffeɣ usenfaṛ inek.