Βίντεο: #3.HTML5-CSS3.Βασικές ετικέτες HTML (Greek Web Tutorials) 2025
Όταν δημιουργείτε μια νέα ιστοσελίδα στο Adobe Creative Suite 5 (Adobe CS5) του κώδικα δημιουργείται για να βοηθήσει το πρόγραμμα περιήγησης ιστού να αναγνωρίσει το HTML και την έκδοση HTML που χρησιμοποιεί. Το Dreamweaver λειτουργεί στο παρασκήνιο για να διασφαλίσει ότι η σελίδα σας λειτουργεί στις περισσότερες πρόσφατες εκδόσεις των κοινών περιηγητών ιστού, όπως το Firefox, ο Internet Explorer και το Safari.
Ο κώδικας HTML, παρόλο που είναι εύκολος, είναι ακριβώς όπως κάθε άλλη γλώσσα, καθώς πρέπει να υπολογίσετε τη σύνταξη (τη σωστή ακολουθία και τον σχηματισμό του κώδικα) και το λεξιλόγιο (απομνημονεύστε πολλές ετικέτες). Δεν χρειάζεται να έχετε τσιμπήματα ταινιών στα γυαλιά σας για να χτίσετε καλές, καθαρές ιστοσελίδες, αλλά θα πρέπει να αναθεωρήσετε τα παρακάτω βασικά HTML.
Εάν είστε έμπειρος χρήστης, γνωρίζετε ότι με την αντιγραφή και την επικόλληση κώδικα, μπορείτε να υπολογίσετε πολλά για τον κώδικα HTML. Αν είστε νέος χρήστης, ο κώδικας αντιγραφής και επικόλλησης μπορεί να σας βοηθήσει να κατανοήσετε τον κώδικα που έχουν ενσωματώσει άλλοι στις σελίδες τους και ίσως να σας δώσουν κάποιες ιδέες.
Γενικά, οι ετικέτες HTML αποτελούνται από τρία μέρη:
-
Ετικέτα: Το κύριο μέρος των πληροφοριών HTML, για παράδειγμα για ισχυρή ή έντονη για την ετικέτα γραμματοσειράς ή
για έναν πίνακα HTML. Μια ετικέτα κατασκευάζεται πάντα από μια λέξη-κλειδί που περικλείεται σε ένα σύνολο παρενθέσεων, όπως
ή
.
Επειδή οι περισσότερες ετικέτες έρχονται σε ζεύγη, πρέπει να εισαγάγετε μια ετικέτα ανοίγματος (
) και μια ετικέτα κλεισίματος (
). Στο XHTML 1. 0 Μεταβατικό (το πρότυπο που χρησιμοποιείται για όλες τις νέες σελίδες που έχουν δημιουργηθεί στο Dreamweaver), όλες οι ετικέτες πρέπει να κλείσουν. Μπορείτε είτε να κλείσετε μια ετικέτα είτε να δημιουργήσετε μια αυτοκόλλητη ετικέτα, συμπεριλαμβάνοντας την κάθετο πριν από το βραχίονα κλεισίματος:Για παράδειγμα, εάν δημιουργείτε κείμενο με έντονα γράμματα προσθέτοντας την ετικέτα , πείτε στο κείμενο πού να σταματήσετε να εφαρμόζετε το έντονο γραφή τοποθετώντας μια ετικέτα κλεισίματος . Διαφορετικά, το κείμενο συνεχίζει να εμφανίζεται με έντονους χαρακτήρες σε όλο το υπόλοιπο της σελίδας.
Χαρακτηριστικό: Σας επιτρέπει να τελειοποιήσετε την εμφάνιση μιας συγκεκριμένης ετικέτας HTML. Ένα χαρακτηριστικό προστίθεται πάντα σε μια ετικέτα ανοίγματος και μπορεί να πάρει διαφορετικές τιμές για να ελέγξει τα χαρακτηριστικά όπως το χρώμα, το μέγεθος και τον προορισμό του συνδέσμου. Για παράδειγμα, η ευθυγράμμιση είναι ένα χαρακτηριστικό της ετικέτας
(παράγραφος) που καθορίζει τον τρόπο ευθυγράμμισης του κειμένου μέσα στην παράγραφο.
Εδώ είναι ένα παράδειγμα μιας ετικέτας παραγράφου (
) με προστιθέμενο χαρακτηριστικό:
Αυτό είναι κεντρικό κείμενο
Τιμή: Το χρώμα, το μέγεθος και ο προορισμός σύνδεσης, Χαρακτηριστικό. Για παράδειγμα, μπορείτε να ορίσετε έναν δεκαεξαδικό αριθμό ως τιμή για ένα χαρακτηριστικό χρώματος. Ένα παράδειγμα μιας τιμής για το χαρακτηριστικό bgcolor της ετικέτας (το οποίο ελέγχει τη συνολική εμφάνιση σελίδας) μπορεί να είναι "κόκκινο" ή "# CC0000".
Το είναι η σειρά με την οποία εμφανίζονται οι ετικέτες. Εάν εφαρμόζεται μια ετικέτα , φαίνεται σαν εξής: Το κείμενο αυτό είναι έντονο . Προσθέστε μια πλάγια ετικέτα και βλέπετε Αυτό το κείμενο είναι έντονα και πλάγια. . Παρατηρήστε την τοποθέτηση σε ετικέτα των ετικετών: Εργάζεστε από μέσα προς τα έξω όταν κλείνετε ετικέτες.
Η επιλογή των συντακτών
Καταχωρίστε το Λογαριασμό Spotify στους ShareMyPlaylists - dummies
Για να προσθέσετε μια λίστα αναπαραγωγής στους ShareMyPlaylists πρέπει να συνδέσετε το λογαριασμό Spotify στον ιστότοπο μέσω Facebook ή Twitter. Κάθε φορά που επισκέπτεστε το ShareMyPlaylists. com, εμφανίζεται ένα αναδυόμενο παράθυρο που σας ζητάει να συνδεθείτε χρησιμοποιώντας έναν από αυτούς τους λογαριασμούς. Την πρώτη φορά που θα συνδεθείτε, πρέπει να εξουσιοδοτήσετε ...
Παίζουν τα κομμάτια σας στο Spotify Mobile - dummies
Το βασικό σημείο της Spotify Mobile είναι να έχουν εκατομμύρια κομμάτια στην τσέπη σας. Αλλά μόνο οι Premium συνδρομητές μπορούν να απολαύσουν μουσικά κομμάτια από τη μουσική βιβλιοθήκη του Spotify. Οι χρήστες του Free and Unlimited μπορούν να ακούν μόνο τοπικά αρχεία που έχουν ήδη στον υπολογιστή τους και έχουν συγχρονιστεί με το Spotify Mobile. Η αναπαραγωγή πρέπει να είναι γνωστή σε ...
Επιστρέψτε στο ITunes για να Sync Spotify μουσική στο iPod σας - ανδρείκελα
Αν αποφασίσετε θέλετε να επιστρέψετε στο ITunes για συγχρονισμό του iPod με τη μουσική σας Spotify, μπορείτε να το κάνετε χωρίς πρόβλημα. Απλώς ακολουθήστε αυτά τα βήματα: Βεβαιωθείτε ότι πρώτα απενεργοποιήσατε το Spotify μεταβαίνοντας στο Αρχείο → Έξοδος στα Windows ή Spotifyάνω Quit Spotify στο Mac. Ανοίξτε το iTunes και συνδέστε το iPod σας. Το iPod σας ...
Η επιλογή των συντακτών
Δέκα φορές Εξοικονόμηση χρόνου Dreamweaver Web Design Tips - dummies
Όλοι οι καλοί ιστοχώροι μεγαλώνουν και εξελίσσονται. Εάν ξεκινήσετε με ένα ισχυρό σχέδιο και δώστε ιδιαίτερη προσοχή σε μερικούς βασικούς κανόνες σχετικά με τη διεπαφή, την πλοήγηση και το στυλ, έχετε ένα καλύτερο θεμέλιο για να συνεχίσετε. Οι παρακάτω ιδέες σχεδίασης και οι συμβουλές Dreamweaver μπορούν να σας βοηθήσουν να εξοικονομήσετε χρόνο καθώς δημιουργείτε ιστότοπους που φαίνονται εξαιρετικά για όλους ...
Ο πίνακας αρχείων του Dreamweaver CS5 - τα κουμπιά
. Χρησιμοποιήστε τον πίνακα "Αρχεία" για να επιλέξετε τον ιστότοπο στον οποίο θέλετε να εργαστείτε και για να συγχρονίσετε αρχεία τοποθεσιών μεταξύ του υπολογιστή σας και της υπηρεσίας φιλοξενίας του ιστοτόπου σας. Στο επόμενο σχήμα, οι λειτουργίες του πλαισίου Dreamweaver CS5 Files φέρουν ετικέτα έτσι ώστε να μπορείτε να βρείτε ...
Ο πίνακας Dreamweaver Insert - dummies
Χρήσιμα στοιχεία HTML. Το αναδυόμενο παράθυρο στο επάνω μέρος του παραθύρου διαλόγου οργανώνει τις λειτουργίες σε κατηγορίες. Αυτός ο πίνακας διαθέτει διάφορες κατηγορίες εργαλείων για στοιχεία που ίσως θέλετε να προσθέσετε γρήγορα και εύκολα σε μια σελίδα. Ορισμένα στοιχεία στο πλαίσιο ...
Η επιλογή των συντακτών
Πώς να εξισορροπήσετε τη βηματοδότηση των επιπέδων στο παιχνίδι μηχανικού Gamestar - dummies
(ή ρυθμός εξέλιξης) ενός επιπέδου στο Gamestar Mechanic είναι επίσης ένα μετρικό με δύο άκρα. Εάν το παιχνίδι σέρνει αργά, οι παίκτες χάνουν το ενδιαφέρον. αν είναι βιαστικά, οι παίκτες μπερδεύονται. Ένα παιχνίδι με καλή βηματοδότηση έχει μηχανικούς που εξελίσσονται με γρήγορο αλλά σταθερό ρυθμό. Θα πρέπει να εξετάσετε μερικές διαφορετικές ...
Πώς να ισορροπήσετε την επιλογή σας στο παιχνίδι μηχανών Gamestar - dummies
Πολλά παιχνίδια στο Gamestar Mechanic επιτρέπουν στον παίκτη να κάνουν επιλογές που επηρεάζουν τη δυναμική του παιχνιδιού. Ορισμένα παιχνίδια καθαρά ελέγχουν την ακρίβεια ή τα αντανακλαστικά χωρίς επιλογή, και αυτά τα παιχνίδια μπορεί να είναι διασκεδαστικά. Ωστόσο, η επιλογή δίνει στους παίκτες μεγαλύτερο έλεγχο του παιχνιδιού, ακόμα κι αν είναι απλή επιλογή, όπως ένας μετρητής δυσκολίας. Ισορροπία επιλογής ...
Πώς να προσαρμόσετε τις ρυθμίσεις για το φόντο σας στο Gamestar Mechanic - ανδρείκελα
Στο φόντο του παιχνιδιού σας, μπορείτε να προσαρμόσετε περαιτέρω το φόντο στο Gamestar Mechanic χρησιμοποιώντας δύο πρόσθετες επιλογές στο παράθυρο διαλόγου Ρυθμίσεις επιπέδου: Κύλιση φόντου και στυλ φόντου. Μετακίνηση φόντου Η παράλλαξη είναι μια σημαντική ιδιότητα του φόντου στα παιχνίδια στα οποία έχει επιλεγεί η επιλογή Πολλαπλή οθόνη. Επεξεργάσιμη ...
