Βασικά στοιχεία HTML στο Adobe CS5 Dreamweaver

Όταν δημιουργείτε μια νέα ιστοσελίδα στο Adobe Creative Suite 5 (Adobe CS5), δημιουργείται πολύς κώδικας του Dreamweaver για να βοηθήσει το πρόγραμμα περιήγησής σας να αναγνωρίσει την HTML και την έκδοση HTML που χρησιμοποιεί. Το Dreamweaver λειτουργεί στο παρασκήνιο για να διασφαλίσει ότι η σελίδα σας λειτουργεί στις περισσότερες όλες τις πρόσφατες εκδόσεις κοινών προγραμμάτων περιήγησης ιστού, όπως Firefox, Internet Explorer και Safari.

Ο κώδικας HTML, αν και εύκολος, είναι ακριβώς όπως κάθε άλλη γλώσσα, καθώς πρέπει να υπολογίσετε τη σύνταξη (τη σωστή σειρά και τον σχηματισμό του κώδικα) και το λεξιλόγιο (να απομνημονεύσετε πολλές ετικέτες). Δεν χρειάζεται να έχετε κολλήματα ταινίας στα γυαλιά σας για να δημιουργήσετε καλές, καθαρές ιστοσελίδες, αλλά πρέπει να διαβάσετε τα ακόλουθα βασικά στοιχεία HTML.

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

Γενικά, οι ετικέτες HTML αποτελούνται από τρία μέρη:

• Ετικέτα: Το κύριο μέρος των πληροφοριών HTML, για παράδειγμα, για έντονη ή έντονη γραφή, για την ετικέτα γραμματοσειράς ή

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

  Επειδή οι περισσότερες ετικέτες έρχονται σε ζεύγη, πρέπει να εισαγάγετε μια ετικέτα ανοίγματος (

  ) και μια ετικέτα κλεισίματος (

  ). Στο XHTML 1.0 Transitional (το πρότυπο που χρησιμοποιείται για όλες τις νέες σελίδες που δημιουργούνται στο Dreamweaver), όλες οι ετικέτες πρέπει να είναι κλειστές. Μπορείτε είτε να κλείσετε μια ετικέτα είτε να δημιουργήσετε μια ετικέτα που κλείνει αυτόματα, συμπεριλαμβάνοντας την κάθετο πριν από την αγκύλη κλεισίματος:
  .

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

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

  ετικέτα (παράγραφος) που καθορίζει τον τρόπο ευθυγράμμισης του κειμένου μέσα στην παράγραφο.

  Εδώ είναι ένα παράδειγμα μιας παραγράφου (

  ) ετικέτα με ένα χαρακτηριστικό που προστέθηκε:

  =“center“>Αυτό είναι κεντραρισμένο κείμενο

• Τιμή: Το χρώμα, το μέγεθος και ο προορισμός του συνδέσμου, για παράδειγμα, που καθορίζονται σε ένα χαρακτηριστικό. Για παράδειγμα, μπορείτε να καθορίσετε έναν δεκαεξαδικό αριθμό ως τιμή για ένα χαρακτηριστικό χρώματος. Ένα παράδειγμα τιμής για το χαρακτηριστικό bgcolor της ετικέτας (η οποία ελέγχει τη συνολική εμφάνιση της σελίδας) θα μπορούσε να είναι "κόκκινο" ή "#CC0000".

• Η ένθεση είναι η σειρά με την οποία εμφανίζονται οι ετικέτες. Εάν εφαρμοστεί μια ετικέτα, μοιάζει με αυτό: Αυτό το κείμενο είναι έντονη. Προσθέστε μια πλάγια ετικέτα και θα δείτε Αυτό το κείμενο είναι με έντονη γραφή και πλάγια γραφή. Παρατηρήστε την τοποθέτηση των ετικετών από μέσα προς τα έξω: Όταν κλείνετε ετικέτες, προχωράτε από μέσα προς τα έξω.