Σκοπός αυτών των δραστηριοτήτων είναι να κάνουν οι μαθητές κάποιες “δοκιμές” με σκοπό την κατανόηση κάποιων ετικετών και μορφοποιήσεων πριν εκτελέσουν τις πολύ ωραίες και οργανωμένες εφαρμογές του βιβλίου.

Ιστοσελίδες – Δραστηριότητα 1  
Δημιουργία ενός κενού αρχείου(keno.html), βασικές ενέργειες με το notepad++ ,κενά και αλλαγές γραμμών, διπλές και μονές ετικέτες , ετικέτες μέσα σε ετικέτες.
Ιστοσελίδες –  Δραστηριότητα 2
<p>, <strong>, <small>, ειδικά σύμβολα, Emoji
Ιστοσελίδες –  Δραστηριότητα 3
<header>,<footer>,<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<article>,<mark>,<abbr title=…>, <em>
Ιστοσελίδες – Δραστηριότητα 4
<sub>,<sup>,<cite>,<q>,<del>,<ins>,<address>,<datetime>,<pre>,<code>,<blockquote>, <samp>
Ιστοσελίδες – Δραστηριότητα 5
text-align:, color:, background-color:, font-family:, font-size:, border:, width:, display:;
Ιστοσελίδες – Δραστηριότητα 6
img, style, width, height, vertical-align , display, margin-left, margin-right
Ιστοσελίδες – Δραστηριότητα 7
h1 , ul, li, ol, dl, dt,dd
Ιστοσελίδες – Δραστηριότητα 8
table, th, td, border-collapse,, vertical-align, colspan, rοwspan
Ιστοσελίδες – Δραστηριότητα 9
a , target, name, hover, visited, link, active