Συγγραφέας:
Laura McKinney
Ημερομηνία Δημιουργίας:
3 Απρίλιος 2021
Ημερομηνία Ενημέρωσης:
1 Ιούλιος 2024
Περιεχόμενο
Η HTML (HyperText Markup Language) είναι μια βασική γλώσσα για τη δημιουργία ιστοσελίδων. Δημιουργήθηκε ως μια εύκολη και ευέλικτη γλώσσα κωδικοποίησης. Σχεδόν κάθε ιστότοπος στο Διαδίκτυο έχει αναπτυχθεί με κάποια μορφή αυτού του κώδικα (ColdFusion, XML, XSLT). Το HTML είναι εύκολο να κατανοηθεί, αλλά μπορείτε να συνεχίσετε να το μαθαίνετε για μεγάλο χρονικό διάστημα εάν ενδιαφέρεστε για την ολοκληρωμένη λειτουργικότητά του. Για να προσθέσετε χρώμα και διασκέδαση στον ιστότοπό σας, μπορείτε να μάθετε βασικό CSS μόλις συνηθίσετε σε μια βασική σελίδα HTML.
Βήματα
Μέρος 1 από 4: Δημιουργία εγγράφου
Ανοίξτε ένα απλό πρόγραμμα επεξεργασίας κειμένου. Το NotePad είναι μια καλή επιλογή και μπορείτε να το κατεβάσετε δωρεάν. Μπορείτε να γράψετε HTML με τους περισσότερους επεξεργαστές κειμένου, αλλά πιο περίπλοκο λογισμικό με δυνατότητες αυτόματης μορφοποίησης μπορεί να δυσκολεύσει την οργάνωση της σελίδας HTML.
- Μην χρησιμοποιείτε το TextEdit, καθώς συνήθως αποθηκεύει το αρχείο σε μορφή που το πρόγραμμα περιήγησής σας ενδέχεται να μην αναγνωρίζει ως HTML.
- Μπορείτε επίσης να χρησιμοποιήσετε έναν διαδικτυακό επεξεργαστή HTML. Δεν απευθύνονται ειδικά προγράμματα επεξεργασίας HTML για αρχάριους.
Αποθηκεύστε ένα αρχείο ως ιστοσελίδα. Επιλέξτε Αρχείο → Αποθήκευση ως στο μενού στο επάνω μέρος. Αλλάξτε τη μορφή αρχείου σε "Ιστοσελίδα", ".html" ή ".htm". Αποθηκεύστε το αρχείο όπου μπορείτε να το βρείτε εύκολα.- Δεν υπάρχει διαφορά μεταξύ αυτών των τριών επιλογών.
Ανοίξτε το αρχείο σε πρόγραμμα περιήγησης. Κάντε διπλό κλικ στο αρχείο και θα ανοίξει αυτόματα ως κενή ιστοσελίδα στο πρόγραμμα περιήγησής σας. Εναλλακτικά, μπορείτε να ανοίξετε ένα πρόγραμμα περιήγησης, όπως τον Firefox ή τον Internet Explorer και, στη συνέχεια, να χρησιμοποιήσετε το Αρχείο → Άνοιγμα αρχείου για να επιλέξετε το έγγραφο.
- Αυτός ο ιστότοπος δεν είναι διαδικτυακός. Είναι ορατή μόνο στον υπολογιστή σας.
Ανανεώστε την ιστοσελίδα και δείτε τις αλλαγές που έγιναν. Πληκτρολογήστε τα ακόλουθα στο κενό έγγραφο: γεια. Αποθηκεύστε το έγγραφο. Ανανεώστε την κενή ιστοσελίδα στο πρόγραμμα περιήγησής σας και θα πρέπει να εμφανίζεται η ένδειξη "Γεια" με έντονη γραφή στο πάνω μέρος της σελίδας. Όποτε θέλετε να δοκιμάσετε το νέο σας HTML κατά τη διάρκεια αυτού του σεμιναρίου, αποθηκεύστε το έγγραφο .htm και, στη συνέχεια, ανανεώστε το παράθυρο του προγράμματος περιήγησής σας για να δείτε πώς συντάσσεται το HTML.- Αν δείτε τις λέξεις ""και"Εμφανίζεται στο πρόγραμμα περιήγησής σας, το αρχείο δεν έχει μεταγλωττιστεί σωστά σε HTML. Δοκιμάστε διαφορετικό πρόγραμμα επεξεργασίας κειμένου ή διαφορετικό πρόγραμμα περιήγησης.
Μάθετε τις ετικέτες. Οι εντολές HTML γράφονται σε "ετικέτες" που λένε στο πρόγραμμα περιήγησης πώς να μεταγλωττίσει και να εμφανίσει την ιστοσελίδα σας. Είναι πάντα γραμμένα σε μεμονωμένα εισαγωγικάκαι δεν εμφανίζονται στην ιστοσελίδα, όπως τις χρησιμοποιήσατε στο παραπάνω παράδειγμα: - είναι "κάρτα εκκίνησης" ή "κάρτα ανοίγματος". Οτιδήποτε γράφεται μετά από αυτήν την ετικέτα θα οριστεί ως "έντονη" (έντονη γραφή σε μια ιστοσελίδα).
- είναι "ετικέτα τερματισμού" ή "ετικέτα κλεισίματος", την οποία μπορείτε να διακρίνετε με το σύμβολο / το σύμβολο. Δηλώνει το τέλος του έντονου κειμένου. Οι περισσότερες (όχι όλες) ετικέτες χρειάζονται μια τελική ετικέτα για να λειτουργήσει, οπότε φροντίστε να την συμπεριλάβετε.
Δημιουργήστε το έγγραφό σας. Διαγράψτε τα πάντα στο έγγραφο HTML. Ξεκινήστε με το ακόλουθο κείμενο, ακριβώς όπως γράφτηκε (μείον τα σημεία κουκκίδων). Αυτός ο κώδικας HTML ενημερώνει το πρόγραμμα περιήγησης για τον τύπο HTML που χρησιμοποιείτε και ότι όλο το HTML θα τοποθετηθεί μέσα στις ετικέτες. και .
Προσθέστε τις ετικέτες κεφαλής και σώματος. Τα έγγραφα HTML χωρίζονται σε δύο μέρη. Η ενότητα "κορυφή" είναι για ειδικές πληροφορίες, όπως ο τίτλος της σελίδας. Η ενότητα "σώμα" περιέχει το κύριο περιεχόμενο της σελίδας. Προσθέστε και τις δύο αυτές ενότητες στο έγγραφό σας και θυμηθείτε να συμπεριλάβετε τις τελικές ετικέτες. Το κείμενο που προστέθηκε πρόσφατα είναι έντονο:
Δώστε στη σελίδα σας έναν τίτλο. Οι περισσότερες κάρτες στην ενότητα κεφαλής είναι ασήμαντες για μάθηση με έναν αρχάριο. Η ετικέτα τίτλου είναι εύκολη στη χρήση, ωστόσο, και θα καθορίσει τι εμφανίζεται ως το όνομα του παραθύρου του προγράμματος περιήγησης ή στην καρτέλα του προγράμματος περιήγησης. Τοποθετήστε τις ετικέτες έναρξης και τέλους της επικεφαλίδας μέσα στις επικεφαλίδες και γράψτε τυχόν κεφαλίδες που θέλετε μεταξύ αυτών των ετικετών:
Η πρώτη μου σελίδα HTML.
Μέρος 2 από 4: Μορφοποίηση κειμένου
Προσθέστε κείμενο στο σώμα σας. Για αυτήν την ενότητα, θα εργαζόμαστε μόνο με ετικέτες σώματος. Το άλλο κείμενο θα εξακολουθεί να υπάρχει στο έγγραφό σας, αλλά θα εξοικονομήσουμε χώρο χωρίς να το επαναλάβουμε σε αυτό το σεμινάριο. Γράψτε ό, τι θέλετε ανάμεσα στις κάρτες και και θα εμφανίζεται ως το πρώτο περιεχόμενο στη σελίδα σας. Για παράδειγμα:
- Ακολούθησα τις οδηγίες wikiHow για να γράψω μια σελίδα HTML.
Προσθέστε επικεφαλίδες για το κείμενο. Οργανώστε τη σελίδα σας με ετικέτες κεφαλίδας, οι οποίες καθοδηγούν το πρόγραμμα περιήγησης να εμφανίζει κείμενο μεταξύ τους σε μεγαλύτερο μέγεθος γραμματοσειράς. Αυτές οι ετικέτες χρησιμοποιούνται επίσης από μηχανές αναζήτησης και άλλα εργαλεία για να προσδιορίσουν τι είναι ο ιστότοπός σας και πώς οργανώνεται.
είναι η μεγαλύτερη επικεφαλίδα και μπορείτε να δημιουργήσετε μικρότερες επικεφαλίδες έως
. Δοκιμάστε τα στη σελίδα σας:Καλωσόρισες στην σελίδα μου.
- Ακολούθησα τις οδηγίες wikiHow για να γράψω μια σελίδα HTML.
Ο στόχος μου σήμερα:
Ολοκληρωμένοι στόχοι:
- Μάθετε πώς να χρησιμοποιείτε επικεφαλίδες.
Μη ολοκληρωμένοι στόχοι:
- Μάθετε περισσότερα ετικέτες μορφοποίησης κειμένου.
Μάθετε περισσότερα ετικέτες μορφοποίησης κειμένου. Έχετε ήδη δει την "ισχυρή" ετικέτα, αλλά υπάρχουν πολλοί άλλοι τρόποι μορφοποίησης του κειμένου σας. Δοκιμάστε αυτές τις ετικέτες ή με πολλές ετικέτες ταυτόχρονα για την ίδια συμβολοσειρά κειμένου. Θυμηθείτε να προσθέσετε τελικές ετικέτες στο πίσω μέρος!
- Σημαντικό κείμενο, με έντονη γραφή στο πρόγραμμα περιήγησης.
- Υπογραμμισμένο κείμενο, που εμφανίζεται με πλάγια γράμματα στο πρόγραμμα περιήγησης.
- Κείμενο λίγο μικρότερο από το συνηθισμένο. Αυτό το κείμενο θα αλλάξει αυτόματα το μέγεθος εάν χρησιμοποιηθεί σε μια επικεφαλίδα.
Το κείμενο δεν είναι πλέον σχετικό, εμφανίζεται με μια παύλα.- Το κείμενο εισάγεται αργότερα από άλλα έγγραφα, τα οποία εμφανίζονται με υπογραμμίσεις.
Οργανώστε κείμενο στη σελίδα σας. Μπορεί να έχετε παρατηρήσει ότι το πάτημα του πλήκτρου "enter" δεν αρκεί για να εμφανιστεί το κείμενο σε άλλη γραμμή. Αυτές οι ετικέτες μπορούν να σας βοηθήσουν να δημιουργήσετε παραγράφους και αλλαγές γραμμής ή να τακτοποιήσετε το κείμενό σας με άλλους τρόπους:
Σύντομη για την ετικέτα "παράγραφο" (παράγραφος) θα διατηρήσει όλο το κείμενο μεταξύ αυτών των ετικετών σε μια παράγραφο και θα το διαχωρίσει από το κείμενο πάνω και κάτω από αυτήν.
Αυτή η ετικέτα θα δημιουργήσει αλλαγές γραμμής. Μην προσθέτετε μια τελική ετικέτα σε αυτήν, καθώς δεν επηρεάζει κανένα άλλο περιεχόμενο. Χρησιμοποιήστε αυτήν την ετικέτα σε ποιήματα ή γραμμές διευθύνσεων και όχι σε παραγράφους.Εάν πρέπει να εμφανίσετε κείμενο με ακρίβεια, αυτή η ετικέτα ορίζει το κείμενο μέσα σε γραμματοσειρά σταθερού πλάτους (κάθε γράμμα έχει το ίδιο πλάτος) και σας επιτρέπει να δημιουργήσετε διαστήματα Κενά και αλλαγές γραμμής όπως θέλετε για τακτική επεξεργασία αντί για ετικέτες.
Αυτή η ετικέτα καθορίζει τον τύπο του κειμένου που αναφέρεται από μια πηγή.
Μπορείτε να περιγράψετε την πηγή αργότερα με αναφέρω κάρτα.
Προσθέστε αόρατο κείμενο λεζάντας. Οι ετικέτες σχολίων δεν εμφανίζονται στην ιστοσελίδα. Σας επιτρέπουν να σχολιάσετε τον εαυτό σας στο έγγραφο HTML χωρίς να επηρεάσετε το περιεχόμενο. Μην προσθέσετε ετικέτα λήξης.
- Οι κάρτες που πηγαίνουν μόνες χωρίς να τελειώνουν οι ετικέτες ονομάζονται "κενές ετικέτες".
Συνδυάστε τα μαζί. Ο καλύτερος τρόπος για να θυμάστε αυτές τις ετικέτες είναι να τις χρησιμοποιήσετε στον ιστότοπό σας. Ακολουθεί ένα παράδειγμα χρησιμοποιώντας τις κάρτες στα βήματα που έχετε μάθει μέχρι στιγμής. Προσπαθήστε να προβλέψετε πώς θα εμφανίζονται στο πρόγραμμα περιήγησης και, στη συνέχεια, αντιγράψτε τα στο έγγραφό σας και μάθετε. διαφήμιση
Μέρος 3 από 4: Προσθήκη συνδέσμων και εικόνων
Μάθετε για τα χαρακτηριστικά. Οι ετικέτες μπορούν να περιέχουν πρόσθετες πληροφορίες μέσα τους, που ονομάζονται χαρακτηριστικά. Αυτά τα χαρακτηριστικά αντιπροσωπεύονται από πρόσθετες λέξεις στις ίδιες τις ετικέτες, στη φόρμα όνομα ιδιοκτησίας = "συγκεκριμένη τιμήΓια παράδειγμα, οποιαδήποτε ετικέτα HTML μπορεί να έχει το χαρακτηριστικό τίτλου:
Η εισαγωγική παράγραφος είναι εδώ.
Τίτλος της παραγράφου "Σχετικά", η οποία θα εμφανίζεται όταν τοποθετείτε το δείκτη του ποντικιού πάνω στην παράγραφο στην ιστοσελίδα.
Σύνδεσμοι προς άλλους ιστότοπους. Χρήση καρτών για να δημιουργήσετε έναν υπερσύνδεσμο σε οποιαδήποτε άλλη ιστοσελίδα. Εισαγάγετε τη διεύθυνση URL της ιστοσελίδας για σύνδεση με τη χρήση του χαρακτηριστικού href. Ακολουθεί ένα παράδειγμα που συνδέεται με την ιστοσελίδα που διαβάζετε:
Προσθέστε ένα χαρακτηριστικό id στην ετικέτα. Ένα άλλο χαρακτηριστικό που μπορεί να χρησιμοποιήσει οποιαδήποτε ετικέτα HTML είναι το στοιχείο "id". Σε οποιαδήποτε κάρτα, γράψτε id = "vidu" ή χρησιμοποιήστε οποιοδήποτε όνομα που δεν περιέχει κενά. Δεν παράγει κανένα ορατό αποτέλεσμα, αλλά θα το χρησιμοποιήσουμε στο επόμενο βήμα.
- Για παράδειγμα, προσθέστε τα ακόλουθα στο έγγραφό σας:
Αυτή η παράγραφος χρησιμοποιείται ως παράδειγμα για να περιγράψει πώς λειτουργεί το χαρακτηριστικό id.
- Για παράδειγμα, προσθέστε τα ακόλουθα στο έγγραφό σας:
Σύνδεση σε ένα στοιχείο με συγκεκριμένο αναγνωριστικό. Τώρα μπορούμε να χρησιμοποιήσουμε την ετικέτα υπερσύνδεσης, , για σύνδεση σε άλλη τοποθεσία στην ίδια σελίδα. Αντί για διεύθυνση URL, θα χρησιμοποιήσουμε το σύμβολο #, ακολουθούμενο από την τιμή ταυτότητας στην οποία θέλουμε να συνδέσουμε. Για παράδειγμα, Αυτό το κείμενο θα συνδέεται με το κείμενο με το αναγνωριστικό "vidu."
- Όλες οι τιμές HTML είναι διάκριση πεζών-κεφαλαίων. Τα "#VIDU" και "#vidu" θα συνδέονται στην ίδια τοποθεσία.
- Εάν η σελίδα σας είναι αρκετά μικρή για να εμφανίσει ολόκληρη τη σελίδα ταυτόχρονα, πιθανότατα δεν θα παρατηρήσετε κάτι που συμβαίνει όταν κάνετε κλικ στο σύνδεσμο του προγράμματος περιήγησής σας. Αλλαγή μεγέθους του παραθύρου έως ότου εμφανιστεί η γραμμή κύλισης και, στη συνέχεια, δοκιμάστε ξανά.
Πρόσθεσε φωτογραφίες. Κάρτα
είναι μια κενή ετικέτα, που σημαίνει ότι δεν απαιτείται ετικέτα τερματισμού. Όλες οι πληροφορίες που χρειάζεται το πρόγραμμα περιήγησης για να εμφανίσει την εικόνα προστίθενται χρησιμοποιώντας χαρακτηριστικά. Ακολουθεί ένα παράδειγμα για την εμφάνιση του λογότυπου wikiHow, με περιγραφή για κάθε χαρακτηριστικό πίσω:
- Ιδιότητες src = "" λέει στο πρόγραμμα περιήγησης πού βρίσκεται η φωτογραφία. (Σημειώστε ότι η ανάρτηση μιας φωτογραφίας από τον ιστότοπο κάποιου άλλου θεωρείται ακατάλληλη - και η φωτογραφία θα εξαφανιστεί όταν η σελίδα δεν είναι πλέον ενεργή.)
- Ιδιότητες στυλ = "" Μπορεί να κάνει πολλά πράγματα, αλλά το πιο σημαντικό χρησιμοποιείται για να ρυθμίσετε το πλάτος και το ύψος μιας εικόνας σε pixel. (Μπορείτε επίσης να χρησιμοποιήσετε τα ξεχωριστά χαρακτηριστικά width = "" and height = "" αντ 'αυτού, αλλά αυτό μπορεί να οδηγήσει σε παράξενα προβλήματα αλλαγής μεγέθους εάν χρησιμοποιείτε CSS.)
- Ιδιότητες alt = "" είναι μια σύντομη περιγραφή της εικόνας που ο χρήστης θα δει εάν η εικόνα απέτυχε να φορτώσει. Αυτό θεωρείται απαίτηση, καθώς χρησιμοποιείται για αναγνώστες οθόνης για επισκέπτες τυφλών.
Μέρος 4 από 4: Μάθετε περισσότερα Προσθήκη και λήψη του ιστοτόπου σας στο Διαδίκτυο
Επιβεβαιώστε το HTML σας. Η επικύρωση HTML ελέγχει για σφάλματα στον κώδικά σας. Εάν ο ιστότοπός σας δεν εμφανίζεται σωστά, η επικύρωση μπορεί να σας βοηθήσει να βρείτε το σφάλμα που προκαλεί το πρόβλημα. Μπορεί επίσης να σας διδάξει περισσότερα σχετικά με το HTML καθορίζοντας ότι ο κώδικας φαίνεται καλός στην οθόνη, αλλά δεν συνιστάται πλέον λόγω νέων ενημερώσεων στο πρότυπο HTML. Η χρήση μη έγκυρου HTML δεν καθιστά τον ιστότοπό σας άχρηστο, αλλά μπορεί να προκαλέσει προβλήματα ή να εμφανιστεί ασταθής σε διαφορετικά προγράμματα περιήγησης.
- Δοκιμάστε μια δωρεάν υπηρεσία επικύρωσης στο διαδίκτυο από το W3C ή αναζητήστε ένα άλλο εργαλείο επικύρωσης HTML 5 στο διαδίκτυο.
Μάθετε περισσότερα ετικέτες και χαρακτηριστικά. Υπάρχουν πολλές άλλες ετικέτες και χαρακτηριστικά HTML και πολλά μέρη για να τα μάθετε:
- Δοκιμάστε το w3schools και το HTML Dog για περισσότερα μαθήματα και πλήρεις λίστες ετικετών.
- Βρείτε μια ιστοσελίδα που σας αρέσει με τον τρόπο που φαίνεται και, στη συνέχεια, χρησιμοποιήστε τη λειτουργία "Προβολή πηγής σελίδας" του προγράμματος περιήγησής σας για να λάβετε τον κώδικα HTML μόνοι σας. Αντιγράψτε το στο έγγραφό σας και μελετήστε πώς λειτουργεί.
- Διαβάστε άλλα άρθρα και μάθετε πώς μπορείτε να δημιουργήσετε πίνακες σε HTML, να χρησιμοποιήσετε μετα-ετικέτες για να αυξήσετε τις πιθανότητές σας να βρεθούν από μηχανές αναζήτησης ή να χρησιμοποιήσετε ένα τμήμα. καθορίστε μια περιοχή στη σελίδα) και span (χρησιμοποιείται για να καθορίσετε το στυλ του στοιχείου κειμένου) για να βοηθήσετε το στυλ μέσω CSS.
Αποκτήστε τον ιστότοπό σας στο διαδίκτυο. Επιλέξτε μια υπηρεσία για να φιλοξενήσετε τον ιστότοπό σας και, στη συνέχεια, μπορείτε να ανεβάσετε όσες σελίδες HTML θέλετε στον προσωπικό σας τομέα ιστού. Για να το κάνετε αυτό, θα πρέπει να χρησιμοποιήσετε λογισμικό μεταφόρτωσης FTP, αλλά πολλές υπηρεσίες ενοικίασης ιστοσελίδων προσφέρουν επίσης αυτήν την υπηρεσία.
- Κατά τη σύνδεση σε σελίδες ή φωτογραφίες που βρίσκονται απευθείας στον ιστότοπό σας, θα πρέπει να χρησιμοποιήσετε την πλήρη διεύθυνση του ιστότοπου. Για παράδειγμα, εάν το όνομα τομέα σας είναι www.chuyengiahtmlsieudang.com, τότε το κείμενο βρίσκεται σε αυτές τις ετικέτες θα συνδεθεί στο "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html"
Προσθέστε στυλ με CSS. Εάν η σελίδα HTML σας φαίνεται λίγο μονότονη, δοκιμάστε να μάθετε βασικό CSS για να προσθέσετε χρώματα, διαφορετικές γραμματοσειρές και καλύτερο έλεγχο για το πού τοποθετούνται τα στοιχεία. Η σύνδεση ενός CSS "φύλλου στυλ" σε μια σελίδα HTML θα σας επιτρέψει να κάνετε δραστικές αλλαγές εν κινήσει, προσαρμόζοντας δυναμικά το στυλ όλου του κειμένου σε μια δεδομένη ετικέτα. Μπορείτε να παίξετε λίγο με το βασικό επίπεδο μορφοποίησης εδώ, ή να ανατρέξετε σε πιο λεπτομερή μαθήματα στο HTML Dog CSS Tutorial.
Προσθέστε JavaScript στον ιστότοπό σας. Το JavaScript είναι μια γλώσσα προγραμματισμού που χρησιμοποιείται για την προσθήκη πολλών λειτουργιών στις σελίδες HTML σας. Οι εντολές JavaScript εισάγονται μεταξύ των ετικετών έναρξης και τέλους , και μπορεί να χρησιμοποιηθεί για την προσθήκη διαδραστικών κουμπιών, τον υπολογισμό μαθηματικών προβλημάτων και πολλά άλλα. Μάθετε περισσότερα στα παραδείγματα w3c. διαφήμιση
Συμβουλή
- Η δήλωση ڊوτότυπου (δήλωση τύπου εγγράφου που χρησιμοποιείται) που χρησιμοποιείται σε αυτό το σεμινάριο είναι "χαλαρή μεταβατική HTML 4.0.1" (HTML 4.0.1 όχι στενή μετάβαση), μια εύκολη μορφή. για αρχάριους για χρήση. Χρήση () μια εναλλακτική λύση για να το μεταγλωττίσει να το μεταγλωττίσει σε αυστηρή μορφή HTML 5, που είναι το συνιστώμενο (αν και λιγότερο συχνά χρησιμοποιούμενο) τυπικό στυλ.
Προειδοποίηση
- Ο σκοπός του HTML είναι να διατηρεί το περιεχόμενο σε παγκόσμια μορφή. Δεν ελέγχει την παρουσίαση του ιστότοπού σας, όπως το χρώμα του φόντου και την ακριβή τοποθέτηση των στοιχείων. Ενώ υπάρχουν ακόμα ετικέτες που σας επιτρέπουν να το κάνετε αυτό, είναι καλή ιδέα να χρησιμοποιήσετε το CSS για να δημιουργήσετε έναν πιο ελεγχόμενο και συνεπή ιστότοπο.
Ο, τι χρειάζεσαι
- Ένα απλό πρόγραμμα επεξεργασίας κειμένου, όπως το NotePad ή το TextEdit
- Ένα πρόγραμμα περιήγησης ιστού, όπως ο Internet Explorer ή το Mozilla Firefox
- (Προαιρετικό) Ένα πρόγραμμα επεξεργασίας HTML όπως το Adobe Dreamweaver, το Aptana Studio ή το Microsoft Expression Web
