AltitudeTVM
Html
0

Εκμάθηση HTML Μέρος 1: Επιλογή επεξεργαστή κειμένου για τη δημιουργία εγγράφων HTML

Για να γράψετε κώδικα HTML, χρειάζεστε κείμενοEditor. Αυτός ο επεξεργαστής κειμένου δεν χρησιμοποιείται μόνο για HTML, αλλά και για άλλες γλώσσες προγραμματισμού όπως CSS, PHP, Pascal κ.ο.κ. Στην πραγματικότητα, χρησιμοποιώντας το προεπιλεγμένο Σημειωματάριο των Windows μόνο, είναι κάτι παραπάνω από αρκετό. Όταν ήμουν στο επαγγελματικό γυμνάσιο, συχνά χρησιμοποιούσα το Notepad για να κάνω εργασίες στον προγραμματισμό ιστοσελίδων, ειδικά HTML και CSS.

Σε αυτό το εκπαιδευτικό φροντιστήριο HTML, σας συνιστώ ιδιαίτερα να χρησιμοποιήσετε το Notepad ++. Το Notepad ++ είναι ένας επεξεργαστής κειμένου που υποστηρίζει πολλές γλώσσες προγραμματισμού όπως HTML. Όχι μόνο φιλικό προς το χρήστη, Το Notepad ++ είναι επίσης πολύ ελαφρύ, ώστε να μην επιβαρύνει την απόδοση του υπολογιστή σας.

Ξεκινήστε τη δημιουργία εγγράφων HTML

Πρώτα κατεβάστε το λογισμικό εδώ, στη συνέχεια, εγκαταστήστε ως συνήθως. Στη συνέχεια, κάντε μερικές από τις παρακάτω ρυθμίσεις για να κάνετε την HTML ως προεπιλεγμένη γλώσσα. Έτσι, κάθε φορά που θέλουμε να δημιουργήσουμε ένα νέο έγγραφο, δεν χρειάζεται πλέον να το ορίσουμε προεπιλεγμένη γλώσσατης.

1. Εισάγετε Ρυθμίσεις > Προτιμήσεις.

σημειωματάριο ++ ρυθμίσεις

2. Στη συνέχεια, επιλέξτε Νέο Έγγραφο. Ενεργοποίηση Προεπιλεγμένη γλώσσα, επιλέξτε HTML. Στη συνέχεια επιλέξτε Κλείσιμο αν ναι.

επιλέξτε HTML ως προεπιλεγμένη γλώσσα

3. Κάντε κλικ στο εικονίδιο χαρτιού όπως φαίνεται από το βέλος για να δημιουργήσετε ένα νέο έγγραφο.

Δημιουργήστε ένα νέο έγγραφο HTML

4. Μετά από αυτό, δοκιμάστε να γράψετε τον παρακάτω κώδικα HTML:

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

5. Στο παράθυρο του Notepad ++, φαίνεται ως εξής:

σημειωματάριο ++

6. Στη συνέχεια, αποθηκεύστε το έγγραφο επιλέγοντας Αρχείο > Αποθήκευση.

7. Αποθηκεύστε στη θέση που θέλετε. Για παράδειγμα, αποθηκεύω το έγγραφο σε ένα φάκελο Μάθετε HTML με το όνομα Έγγραφα1.

Θέση αρχείου HTML

8. Αφού κάνετε διπλό κλικ στο έγγραφο που αποθηκεύτηκε νωρίτερα. Μετά την εκτέλεση στο πρόγραμμα περιήγησης, τα αποτελέσματα θα είναι τα εξής:

αποτελέσματα στο πρόγραμμα περιήγησης

Ένα χαρακτηριστικό του Notepad ++ που μου αρέσει είναι,την ύπαρξη αυτού του χαρακτηριστικού (δεν ξέρω ποιο είναι το όνομα του χαρακτηριστικού). Για παράδειγμα, όταν πληκτρολογούμε "<h ..", παρακάτω θα εμφανιστούν αρκετές ετικέτες που ξεκινούν με το πρόθεμα "<h ..". Με αυτή τη λειτουργία, θα είναι ευκολότερο να θυμάστε τις ετικέτες που βρίσκονται σε HTML.

προτείνετε χαρακτηριστικό

Γράφοντας κώδικα HTML

Ελέγξτε έξω τον δεύτερο κώδικα HTML παρακάτω και βρείτε τη διαφορά:

Το πρώτο άρθρο

<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>

Το δεύτερο άρθρο

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

Αν παρατηρήσετε, το δεύτερο άρθρο είναι πολύ περισσότεροτακτοποιημένο και ευχάριστο στο μάτι. Ωστόσο, όταν εκτελούνται οι δύο κώδικες HTML, το αποτέλεσμα θα είναι το ίδιο. Αυτό συμβαίνει επειδή οι ετικέτες στο HTML αγνοούν τα κενά.

Επιπλέον, η γραφή ετικετών σε HTML δεν είναι επίσης ευαίσθητη στην περίπτωση πράγμα που σημαίνει ότι δεν κάνει διάκριση μεταξύ γραφής με κεφαλαία ή πεζά γράμματα, για παράδειγμα <p> και <P> είναι τα ίδια. Παρόλα αυτά, συνιστάται ιδιαίτερα να χρησιμοποιείτε μόνο πεζά γράμματα.

Εντάξει, έχετε εκτελέσει με επιτυχία το έγγραφοΤο πρώτο σας HTML. Στη συνέχεια, πρέπει να ξέρετε ποιες ετικέτες, χαρακτηριστικά και στοιχεία είναι σε HTML επειδή αυτοί οι τρεις όροι παίζουν σημαντικό ρόλο στη δημιουργία εγγράφων HTML.

Διαβάστε περισσότερα:
Σχόλια 0