HTML

[johncyp]

Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι ένα πολύ μεγαλύτερο σύστημα επεξεργασίας εγγράφων και είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου Ιστού.

Codepen Online Code Editor
w3schools Online Code Editor
w3schools: https://www.w3schools.com/html/
Λίστα ετικετών HTML:  https://www.wlearn.gr/index.php/html-html-advanced-71

Notepad++
https://notepad-plus-plus.org/downloads/v8.4.7/

Άσκηση 1 - Εισαγωγή: 
Οργάνωση Ιστοσελίδων
Φόρμα 1

Άσκηση 2 - Αλλαγές γραμμών, παραγράφοι:
Αλλαγή γραμμής και διαχωρισμός λέξεων
Παράγραφοι
Στοίχιση Παραγράφου
Κείμενο άσκησης
 Φόρμα 2

Άσκηση 3 - Έντονα, πλάγια, υπογραμμισμένα:
Μορφοποίηση Κειμένου
Κείμενο άσκησης
Φόρμα 3

Άσκηση 4 - Επικεφαλίδες:
Επικεφαλίδες
Οριζόντιοι Χάρακες
Κείμενο άσκησης
Φόρμα 4

Άσκηση 5 - Εκθέτης, Δείκτης, κεντράρισμα κτλ..
Οι ετικέτες <b>, <big>, <strong>, <i>, <small>, <tt>
Μορφοποίηση Κειμένου
Γραμματοσειρές και μεγέθη
Κείμενο άσκησης
Φόρμα 5

Άσκηση 6 - Χρώματα:
Χρώμα γραμμάτων και χρώμα Φόντου
Πίνακας Χρωμάτων
Κείμενο άσκησης
Φόρμα 6

Άσκηση 7 - Εικόνες: 
Εισαγωγή εικόνων
Εικόνα linux
Χαβάη
Κείμενο άσκησης
Φόρμα 7

Άσκηση 8 - Συνδέσμοι: 
Σύνδεσμοι
Σύνδεσμοι Ιστοσελίδων του ίδιου Υπολογιστή
Σύνδεσμοι με Ιστοσελίδες άλλου Υπολογιστή
Φόρμα 8

Άσκηση 9 - Συνδέσμοι:
Σύνδεσμοι στην ίδια Ιστοσελίδα
Χρήση εικόνας ως συμβόλου συνδέσμου
Εικόνα Υπουργείου Παιδείας
Φόρμα 9

Άσκηση 10 - Λίστες και Σχόλια
Λίστες και Σχόλια
Αριθμημένες Λίστες
Μη Αριθμημένες Λίστες
Φωλιασμένες Λίστες
Φόρμα 10

Άσκηση 11 - Πίνακες:
Δημιουργία Πίνακα
Ενοποίηση στηλών και γραμμών πίνακα
Φόρμα 11

Άσκηση 12 - Πίνακες
Πλάτος και Στοίχιση πινάκων
Περιγράμματα, αποστάσεις, κενός χώρος
Φόρμα 12

Άσκηση 13 - Ήχος
Μουσικό κομμάτι "Κάνε κάτι"
ring01
Κατέβασμα μουσικής από διαδίκτυο
Ηχητικό υπόβαθρο
Προσθήκη Ήχου
Φόρμα 13

Άσκηση 14 - Video
Video "sun"
Video "bunny"
Προσθήκη Video
Φόρμα 14

Άσκηση 15 - Φόρμες
Φόρμες
Δημιουργία μενού
Πλαίσια Ελέγχου
Φόρμα 15

Άσκηση 16 - Φόρμες
Πλαίσια κειμένου
Μεγαλύτερα πλαίσια κειμένου
Πλαίσια κωδικών
Ραδιόπληκτρα
Φόρμα 16