Πώς να δημιουργήσετε μια απλή ιστοσελίδα χρησιμοποιώντας αγκύλες για αρχάριους: 14 βήματα

2025 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2025-01-13 06:57

Εισαγωγή

Οι ακόλουθες οδηγίες παρέχουν βήμα προς βήμα οδηγίες για τη δημιουργία μιας ιστοσελίδας χρησιμοποιώντας αγκύλες. Το Brackets είναι ένας επεξεργαστής πηγαίου κώδικα με πρωταρχική έμφαση στην ανάπτυξη ιστού. Δημιουργήθηκε από την Adobe Systems, είναι δωρεάν και λογισμικό ανοιχτού κώδικα με άδεια MIT License και διατηρείται επί του παρόντος στο GitHub από την Adobe και άλλους προγραμματιστές ανοιχτού κώδικα. Είναι γραμμένο σε JavaScript, HTML και CSS.

Οδηγίες

Σημείωση: - Όλες οι ετικέτες HTML πρέπει να βρίσκονται μεταξύ παρενθέσεων:

Βήμα 1: Κατεβάστε το Λογισμικό

κατεβάστε αγκύλες από αυτόν τον ιστότοπο

Βήμα 2: Ανοίξτε αγκύλες

ανοίξτε το ληφθέν λογισμικό Brackets σε υπολογιστή.

Βήμα 3: Δημιουργήστε ένα νέο αρχείο

Αφού ανοίξετε τις αγκύλες, κάντε κλικ στο εικονίδιο αρχείου στην επάνω αριστερή γωνία του παραθύρου και, στη συνέχεια, κάντε κλικ στο νέο, θα δείτε νέο αρχείο "Χωρίς τίτλο".

Βήμα 4: Αποθήκευση ως.. του αρχείου

Κάντε δεξί κλικ σε αυτό το αρχείο «χωρίς τίτλο», κάντε κλικ στην επιλογή αποθήκευση ως και, στη συνέχεια, θα πρέπει να το αποθηκεύσετε σε μια μονάδα δίσκου

σε αυτό το σημείο μπορείτε να δώσετε οποιοδήποτε όνομα στο αρχείο, απλώς βεβαιωθείτε ότι μετά το όνομα θα προσθέσετε ".html" (dot html).

Βήμα 5: Ξεκινήστε με την ετικέτα DOCTYPE

Κάθε σελίδα html πρέπει να ξεκινά με την ακόλουθη ετικέτα δομής Λέει στο πρόγραμμα περιήγησης ποιοι «κανόνες πρέπει να ακολουθούνται» κατά την απόδοση μιας σελίδας HTML.

Βήμα 6: Ετικέτα HTML

και - αυτές οι ετικέτες πρέπει να ξεκινούν και να τελειώνουν ένα έγγραφο.

Βήμα 7: Ετικέτες κεφαλής και σώματος

Μεταξύ των ετικετών html, γράψτε και, όπου περιέχει πράγματα «πίσω από τις σκηνές». Επίσης, γράψτε και όπου περιέχει κείμενο, εικόνες, βίντεο, ήχο και ούτω καθεξής.

Βήμα 8: Meta Tag

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

Βήμα 9: Ετικέτα τίτλου

Μεταξύ ετικετών, κάτω, γράψτε και. Έτσι, οτιδήποτε γράψετε ενδιάμεσα, θα το δείτε στο επάνω μέρος του παραθύρου του προγράμματος περιήγησης και αυτή η ετικέτα είναι σημαντική για τη μηχανή αναζήτησης. Για παράδειγμα, θα γράψω "WRD 204"

Βήμα 10: Προσθήκη παραγράφου χρησιμοποιώντας την ετικέτα P

Ενδιάμεσα γράψτε οποιαδήποτε πληροφορία θέλετε να εμφανίζεται σε μια ιστοσελίδα, όπως εικόνα, ήχος, βίντεο και παράγραφο για παράδειγμα, για παράδειγμα, θα γράψω μια παράγραφο χρησιμοποιώντας αυτές τις ετικέτες για την παράγραφο:

και.

Βήμα 11: Δείτε τα αποτελέσματά σας

Για να δείτε τα αποτελέσματά σας: πρώτα κάντε δεξί κλικ στο αρχείο και κάντε κλικ στην επιλογή "αποθήκευση" παρά κάντε κλικ στο εικονίδιο "ζωντανή προεπισκόπηση" στην επάνω δεξιά γωνία.

Σημείωση: - οποιαδήποτε στιγμή κάνετε αλλαγές και θέλετε να δείτε το αποτέλεσμα, πρώτα, πρέπει να αποθηκεύσετε το αρχείο, μπορείτε να χρησιμοποιήσετε τη συντόμευση "Ctrl + S"

Βήμα 12: Αλλάξτε τη μορφοποίηση

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

Βήμα 13: Ετικέτα διακοπής μονής/διπλής γραμμής

Εάν θέλετε να κάνετε μια απλή/διπλή γραμμή μεταξύ των παραγράφων, χρησιμοποιήστε την ετικέτα

Βήμα 14: Συμπέρασμα

Συγχαρητήρια! τώρα μπορείτε να ξεκινήσετε τη δημιουργία της δικής σας ιστοσελίδας.

Εάν ενδιαφέρεστε να μάθετε περισσότερα για τις ετικέτες HTML, προτείνω αυτόν τον ιστότοπο