Εισαγωγή στην HTML

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
graphics-park
Δημοσιεύσεις: 3
Εγγραφή: 02 Απρ 2006 16:00
Επικοινωνία:

Εισαγωγή στην HTML

Δημοσίευση από graphics-park » 24 Απρ 2006 12:04

Εισαγωγή

Στο πόστ αυτό θα επιχειρήσω να κάνω μία εισαγωγή στον κώδικα html.
Αρκετοί ίσως να θεωρούσαν το εγχείρημα αυτό άσκοπο καθώς ο κώδικας δεν πολυχρησιμοποιείται. Αυτό συμβαίνει διότι υπάρχουν
αρκετά προγράμματα που προσφέρουν ιδιαίτερα εύχρηστο και απλό περιβάλλον για την κατασκευή επαγγελματικών και κομψών
ιστοσελίδων με πολλές δυνατότητες σε ελάχιστο χρόνο και χωρίς να απαιτούν από τον χρήστη ειδικές γνώσεις. Επιπλέον η γλώσσα html
τείνει να εξαφανιστεί καθώς υπάρχουν αρκετές άλλες περισσότερο εξελιγμένες και με μεγαλύτερες δυνατότητες όπως η XML, η sHTML κ.α.
Ωστόσο η άποψη αυτή (ότι είναι άσκοπη η γνώση της html) είναι αβάσιμη καθώς αρκετές φορές θα χρειαστεί κάποιος να επέμβει στον
κώδικα τόσο για αλλαγές ή ενέργειες τις οποίες το πρόγραμμα που χρησιμοποιούμε δεν μπόρεσε να εκτελέσει όσο και για διορθώσεις
σφαλμάτων που μπορεί να οφείλονται σε πολλούς λόγους όπως π.χ. ασυμβατότητα προγράμματος κατασκευής ιστοσελίδων και παροχέα
φιλοξενίας ιστοσελίδας.

Βασικές Γνώσεις

Πριν ξεκινήσω την εισαγωγή μου στον κώδικα αυτό σκόπιμο είναι να να τονίσω ότι η html δεν είναι γλώσσα προγραμματισμού.
Δηλαδή μέσα από την html δεν μπορούμε να κατασκευάσουμε προγράμματα αλλά μόνο να δώσουμε στον περιηγητή (web browser)
τις οδηγίες για το τι θα εμφανίζει στο χρήστη που προσπελάζει μία ιστοσελίδα.

Ξεκινώντας

Για να γράψουμε έναν κώδικα html δεν χρειαζόμαστε κάποιο πρόγραμμα που να μεταφράζει σε γλώσσα υπολογιστή (όπως πχ.
κάνουμε στίς γλώσσες προγραμματισμού όπως είναι η java ή το c++). Έτσι ένας απλός επεξεργαστής κειμένου (text editor) όπως
το Σημειωματάριο (Notepad) των Windows είναι αρκετός για να φτιάξουμε τις ιστοσελίδες μας.

Το αρχείο μας θα πρέπει να έχει κατάληξη .htm ή .html για να θεωρείται ιστοσελίδα από το λειτουργικό μας σύστημα και να ανοίγει
με το κατάλληλο πρόγραμμα περιήγησης (π.χ. Internet Explorer, Firefox, Netscape, κ.α.). Επίσης να αναφέρω ότι τα προγράμματα
περιήγησης (όπως τα παραπάνω) έχουν ενσωματωμένες τις οδηγίες για την "μετάφραση" των εντολών html που περιέχονται στο
αρχείο μας. Δύναται επίσης να υπάρχουν διαφορές από web browser σε web browser που οφείλονται σε διαφορετικό "στυλ μετάφρασης".

Πρώτα βήματα για την δημειουργία της ιστοσελίδας μας

Εφόσον έχουμε ανοίξει έναν text editor (όπως το Σημειωματάριο όπως ανέφερα πιο πάνω) είμαστε έτοιμοι να γράψουμε κώδικα html.
Η βασική εντολή που πρέπει γράψουμε προκειμένου το πρόγραμμα περιήγησης να "αναγνωρίσει" τον κώδικα είναι <html>.
Γράφουμε html μέσα σε <> τα οποία επεξηγούν στο πρόγραμμα περιήγησης ότι το περιεχόμενό τους συνιστά εντολή. Κάθε εντολή
του κώδικα html πρέπει και να κλείνει (σχεδόν το 95% των εντολών, υπάρχουν και μερικές που δεν κλείνουν). Με το κλείσιμο
εννούμε ότι παύει να ισχύει η ιδιότητα που έχουμε θέσει. Έτσι στο τέλος του κειμένου θα πρέπει να κλείσουμε την εντολή <html> για
να κλείσουμε και το αρχείο μας. Όταν βάλουμε εντολή για έντονα γράμματα (bold)θα πρέπει να την κλείσουμε εκεί που επιθυμούμε
να σταματήσουν να εμφανίζονται έντονα γράμματα. Κάθε εντολή κλεισίματος είναι παρόμοια με την εντολή ανοίγματος μόνο που
περιέχει τον χαρακτήρα / αμέσως μετά το <. Δηλαδή η εντολή κλεισίματος της <html> είναι: </html>.
(όπως κάνουμε κι εδώ στο φόρουμ με τα bbcode)

Έτσι μέχρι στιγμής έχουμε το εξής:

<html>
</html>

Αυτή είναι η πρώτη μας ιστοσελίδα που βέβαια δεν περιέχει απολύτως τίποτα. Αν την αποθηκεύσουμε ως index.html και την ανοίξουμε
με έναν περιηγητή ιστοσελίδων θα δούμε ένα άσπρο παράθυρο χωρίς να εμφανίζει τίποτα.

Για να γράψουμε κάτι, πληκτρολογούμε ανάμεσα στην εντολή ανοίγματος και κλεισίματος το κείμενο που επιθυμούμε, π.χ.:

<html>
Αυτό είναι ένα παράδειγμα
</html>

Κατά την περιήγηση αυτής της σελίδας θα εμφανιστεί μόνο το κείμενο: Αυτό είναι ένα παράδειγμα

Στο σημείο αυτό πολύ σημαντικό είναι να πω το εξής:
Κατά την ανάγνωση του κώδικα από το πρόγραμμα η οποιαδήποτε μορφοποίηση θέτουμε στον κειμενογράφο ακυρώνεται.
Έτσι αν πατήσουμε στο παραπάνω παράδειγμα ENTER ανάμεσα στο "είναι" και στο "ένα" ενώ στον επεξεργαστή κειμένου θα
εμφανιστεί η αλλαγή γραμμής (ή παραγράφου) στην ιστοσελίδα μας δεν θα εμφανιστεί.Για να αλλάξουμε συνεπώς παράγραφο θα
πρέπει να βάλουμε την ειδική εντολή <Ρ> η οποία δεν κλείνει.
Ομοίως αν στον επεξεργαστή μας έχουμε κείμενο υπογραμμισμένο δεν θα εμφανιστεί η υπογράμμιση στην ιστοσελίδα.

Βασικές Εντολές

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

<B> - Έντονη γραφή (bold)
<U> - Υπογραμμισμένα (Underlined)

<I> - Πλάγια γραγή (Italics)

<CENTER> - Κεντρική στοίχιση
<LEFT> - Αριστερή στοίχιση
<RIGHT> - Δεξιά στοίχιση

Οι παραπάνω εντολές κλείνουν ( , , ,
, )

<P> - Παράγραφος
<BR> - Συνέχιση γραφής στην αμέσως αποκάτω γραμμή
<HR> - Η εντολή αυτή χαράσσει μία οριζόντια γραμμή στην σελίδα μας

Οι τρεις παραπάνω εντολές δεν κλείνουν

Y.Γ. Χωρίς κενό μέσα στις εντολές...


Υπερσυνδέσεις - Links

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

Ο κώδικας για την δημιουργία υπερσύνδεσης είναι: <A HREF="tolinkmas">ΜΠΛΑ-ΜΠΛΑ</Α>. Στον παραπάνω κώδικα το πρώτο
μέρος είναι <A HREF= όπου δηλώνεται η ύπαρξη ιστοσελίδας μέσα στα εισαγωγικά (τα οποία τοποθετούμε) την διεύθυνση στην οποία
παραπέμπουμε. Μετά τον χαρακτήρα> δηλαδή στο ΜΠΛΑ-ΜΠΛΑ γράφουμε ότι θέλουμε να εμφανίζεται στην ιστοσελίδα μας και τέλος
το είναι η εντολή κλεισίματος του link μας.


Παράδειγμα: <A HREF="http: //www.expertgr.com">Κάντε κλικ εδώ για να μπείτε στο φόρουμ. Στο παράδειγμα μας το
"Κάντε κλικ εδώ για να μπείτε στο φόρουμ" εμφανίζεται στη ιστοσελίδα μας μπλε και υπογραμμισμένο που υποδηλώνει πως όταν
κάνουμε κλικ πάνω σε αυτές τις λέξεις θα μεταβούμε στην διεύθυνση: "http: //www.www.expertgr.com".


Εικόνες

Προκειμένου η ιστοσελίδα μας να είναι ελκυστική δεν θα πρέπει να αρκούμαστε στο απλό κείμενο μας. Θα πρέπει για να μην γίνεται
βαρετή η ανάγνωση να προστίθενται εικόνες που θα κάνουν την ανάγνωση πιο ευχάριστη και την ιστοσελίδα μας περισσότερο κομψή
και ευπαρουσίαστη.

Η Εντολή για την προσθήκη εικόνας είναι: <IMG SRC="/εκείπουείναιηεικόναμας/εικόνα.gif">. Το εκείπουείναιηεικόναμας δηλώνει την
τοποθεσία στην οποία θα ανατρέχει ο περιηγητής για να αντλεί την εικόνα και να την εμφανίζει στην ιστοσελίδα μας. Έτσι αν κάποιος
έχει ανεβάσει την ιστοσελίδα του σε έναν παροχέα αυτός του προσφέρει χώρο για τις ιστοσελίδες και τα υπόλοιπα αρχεία του. Αν η
διεύθυνση όπου βρίσκεται η ιστοσελίδα μας είναι για παράδειγμα http://www.expertgr.com/plus/rlink/rlin ... sitemoy.gr τότε η εικόνα μπορεί να βρίσκεται στον φάκελο:
http://www.expertgr.com/plus/rlink/rlin ... gr/eikones.

Πολλές φορές κατασκευάζουμε τις ιστοσελίδες μας σε έναν τοπικό φάκελο στον σκληρό μας ή σε άλλο αποθηκευτικό μέσο.
Κατασκευάζουμε στον φάκελο με την ιστοσελίδα μας έναν υποφάκελο με το όνομα π.χ. images (για να το θυμόμαστε ευκολότερα)
όπου αποθηκεύουμε τις εικόνες που εμφανίζονται στην ιστοσελίδα μας. Αργότερα όταν κατασκευάσουμε όλο το site ανεβάζουμε όλα
τα αρχεία (όχι μόνο τις ιστοσελίδες *.html αλλά και τους φακέλους με τις εικόνες, τους ήχους, τα βίντεο, κ.λ.π.). Στην αμέσως
προηγούμενη περίπτωση (η οποία είναι και η συνηθέστερη) η εντολή θα είναι κάπως έτσι: <IMG SRC="/images/image1.gif">.
Συνίσταται η χρήση όχι ολόκληρης της διαδρομής του δίσκου (π.χ. c:/istoselida/images/image1.gif) αλλά η συντμημένη καθώς
κατά το ανέβασμα θα πρέπει να την αλλάξουμε. Η συντμημένη μορφή μας εξασφαλίζει ότι η εικόνα μας θα λειτουργεί τόσο στην
περιήγηση τοπικά όσο και στο ίντερνετ. Τέλος θα πρέπει να αναφέρουμε όπως είναι προφανές ότι η εντολή αυτή δεν κλείνει.


Προχωρημένες εντολές - Πάμε σε μερικά πιο δύσκολα..


Δομή σελίδας

<HEAD> Η εντολή αυτή μπαίνει στην αρχή της σελίδας ώστε να περικλείει εντολές που περιέχουν πληροφορίες προς τον browser αλλά
δεν είναι μέρος της σελίδας. Παράδειγμα: <HEAD> .... </HEAD>

Η εντολή αυτή δηλώνει στο πρόγραμμα που χρησιμοποιούμε για την περιήγηση ότι ο παρακάτω κώδικας και τα δεδομένα
που γράφουμε ανήκουν στο κυρίως μέρος της ιστοσελίδας. Πρακτικά μετά την εντολή <HTML> και την HEAD με ότι περικλείει, μπαίνει
η ενώ κλείνει συνήθως αμέσως πριν από την </HTML> (η εντολή κλεισίματος όπως αναμέναμε είναι: ).

<TITLE> Η εντολή αυτή δηλώνει στον web browser τι τίτλο επιθυμούμε να έχει η ιστοσελίδα. Ο τίτλος εμφανίζεται στην επάνω λωρίδα
του παραθύρου του web browser (εκεί όπου εμφανίζεται ο τίτλος της εφαρμογής / προγράμματος που χρησιμοποιούμε). Η TITLE
είναι απαραίτητο να μπει μέσα στην HEAD. Παράδειγμα: <HEAD> <TITLE>My Homepage</TITLE> </HEAD>


Πίνακες

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

Η εντολή για να δώσουμε στον περιηγητή να καταλάβει ότι σκοπεύουμε να απεικονήσουμε τα επόμενα δεδομένα σε πίνακα είναι:
<TABLE>. Η εντολή φυσικά κλείνει (</TABLE>) μόλις τελειώσουμε με τον πίνακα. Ωστόσο μόνο η εντολή table δεν εξηγεί στο
πρόγραμμα πόσες στήλες και γραμμές θέλουμε να συμπεριλάβουμε στον πίνακα μας. Οι εντολές για την δημιουργία γραμμών είναι
<TR> και για τη δημιουργία στηλών <TD>. Πρέπει πάντα στον κώδικα να ξεκινάμε με τις γραμμές και μετά με τις στήλες.
Το επόμενο παράδειγμα θα μας εξηγήσει αναλυτικά πως φτιάχνουμε έναν πίνακα σε html:

<TABLE>
<TR>
<TD>1</TD> <TD>2</TD>
</TR>
<TR>
<TD>3</TD> <TD>4</TD>
</TR>
</TABLE>

Ο πίνακας του παραδείγματος εξηγεί στον περιηγητή ιστοσελίδων να κατασκευάσει έναν πίνακα με τη πρώτη σειρά/γραμμή (<TR>)
να περιέχει δύο στήλες (<TD>): στην πρώτη να γράφει τα δεδομένα "1" και στην δεύτερη τα δεδομένα "2". Ο πίνακας όμως συνεχίζει με δεύτερη γραμμή (<TR>) η οποία επίσης έχει δύο στήλες (<TD>) με τα δεδομένα "3" και "4" αντίστοιχα. Παρατηρούμε επίσης ότι
μόλις τελειώσουν τα δεδομένα σε μία στήλη μας, την κλείνουμε με την εντολή </TD> για να αρχίσουμε καινούργια στήλη (<TD>)
-εφόσον επιθυμούμε-. Ομοίως μόλις τελειώσουμε με την πρώτη γραμμή θα πρέπει να την κλείσουμε με το αντίστοιχο κλείσιμο της
<TR> δηλαδή την: </TR>.
Σημείωση: Τα κενά δεν παίζουν κανένα ρόλο στην απεικόνιση της σελίδας απλώς διευκολύνουν την ανάγνωση από τον χρήστη.


Επικεφαλίδες

<H#> Η εντολή αυτή δηλώνει τις επικεφαλίδες των διάφορων μερών του κειμένου μας π.χ. τα κεφάλαια.
Μπορει να δηλώσει μέχρι 6 κεφάλαια-υποκεφάλαια ξεκινώντας από το Η1 εώς το Η6. π.χ.:
<H1>Πρώτο κεφάλαιο</H1>
Το κείμενο του πρώτου κεφαλαίου είναι.....
Για να δηλώσουμε ότι ένα μέρος του κειμένου είναι υπομέρος ενός άλλου ορίζουμε στην αρχή του επικεφαλίδα
επιπέδου +1 από το μητρικό του,π.χ. για ένα υποκεφάλαιο του παραπάνω θα γράφαμε:
<H1>Πρώτο κεφάλαιο</H1>
Το κείμενο του πρώτου κεφαλαίου είναι.....
.
.
<H2>Υποκεφάλαιο</H2>
Κείμενο υποκεφαλαίου....

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


Λίστες

Ορισμένες φορές χρειάζεται να εμφανίσουμε κάποια στοιχεία σε λίστες, με ταξινόμηση ή όχι.

Αταξινόμητες λίστες

Για να δημιουρήσουμε λίστα χωρίς ταξινόμηση βάζουμε αρχικά την εντολή <UL> με την οποία δηλώνουμε ότι τα επόμενα θα είναι
δεδομένα αταξινόμητης λίστας. Έπειτα για κάθε δεδομένο ή δεδομένα που θέλουμε να τοποθετήσουμε βάζουμε την εντολή <LI>.
Στο τέλος του κάθε στοιχείου κλείνουμε και προχωράμε σε νέο <LI> στοιχείο της λίστας. Συνήθως το κάθε στοιχείο μιας
αταξινόμητης λίστας εμφανίζεται μετά από κάποιο σύμβολο όπως η κουκίδα.
Παράδειγμα:

Οι λόγοι είναι:
<UL>
<LI>Λόγος α</LI>
<LI>Λόγος β</LI>
</UL>

Αυτό θα μας εμφανιστεί στη σελίδα μας ως εξής:

Οι λόγοι είναι:



Λόγος α

Λόγος β



Ταξινομημένη λίστα

Η ταξινομημένη λίστα είναι παρόμοια με την αταξινόμητη. Αντί για την αρχική εντολή <UL> βάζουμε <OL>.
Tο κάθε στοιχείο μιας ταξινομημένης λίστας εμφανίζεται με αύξουσα αρίθμηση ξεκινώντας από το 1.
Παράδειγμα:

Οι λόγοι είναι:
<OL>
<LI>Λόγος α</LI>
<LI>Λόγος β</LI>
</OL>

Αυτό θα μας εμφανιστεί στη σελίδα μας ως εξής:

Οι λόγοι είναι:



Λόγος α

Λόγος β




Χρώμα Φόντου

Για να κάνουμε την ιστοσελίδα μας περισσότερο ευπαρουσίαστη πολλές φορές βάζουμε χρώμα για φόντο.
Η εντολή είναι: <body bgcolor="######">. Η εντολή δεν κλείνει όπως είναι λογικό. Οι χαρακτήρες ###### υποδηλώνουν ότι
πρέπει να αντικατασταθούν από τα κατάλληλους χαρακτήρες που υποδηλώνουν το χρώμα. Το χρώμα στην html βγαίνει βάσει του
τρόπου που απεικονίζεται το χρώμα σε συσκευές όπως η οθόνη, δηλαδή RGB (red-green-blue). Η οθόνη του υπολογιστή (όπως
άλλωστε και η τηλεόραση αλλά και οι υπόλοιπες παρόμοιες συσκευές) συνθέτουν το χρώμα από τα τρία βασικά χρώματα:
κόκκινο-πράσινο-μπλε. Οι χαρακτήρες ###### αναφέρονται σε αυτά τα χρώματα. Τα δύο πρώτα # αναφέρονται στο κόκκινο, τα
επόμενα δύο # στο πράσινο και τέλος τα τελευταία δύο # στο μπλέ (όπως και η σειρά RGB). Οι τιμές που παίρνουν είναι σύμφωνες με
το δεκαεξαδικό σύστημα δηλαδή από 0 έως F (0 είναι η μικρότερη τιμή και F η μεγαλύτερη). Η σειρά είναι
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. Αν θέλουμε να έχουμε π.χ. άσπρο χρώμα θα πρέπει να βάλουμε τις τιμές "FFFFFF" (αφού το άσπρο
αποτελεί την σύνθεση όλων των χρωμάτων). Αντίστροφα για το μαύρο "000000". Εναλλακτικά σε τελευταίες εκδόσεις της html
μπορούμε να βάλουμε τα ονόματα των χρωμάτων στα αγγλικά (π.χ. green, red, κ.λ.π.) αντί για τα ορίσματα στο δεκαεξαδικό
σύστημα, ωστόσο αυτό δεν μας δίνει πολλές επιλογές όπως για παράδειγμα όλες τις αποχρώσεις του πράσινου ή του κόκκινου κ.λ.π.


Χρώμα Γραμματοσειράς

Ομοίως μπορούμε να αλλάζουμε και τα χρώματα της γραμματοσειράς μας για κομψότερες ιστοσελίδες.
Η εντολή είναι <font color="######"> και κλείνει με απλό </font>. Εδώ ισχύουν ακριβώς ότι και παραπάνω για το φόντο όσον
αφορά το ορίσματα για τα ######.


Εικόνα για φόντο

Εναλλακτικά αντί για χρώμα, μπορούμε να βάλουμε εικόνα για φόντο.
Η εντολή είναι: <body background="eikona.gif">. Η εντολή δεν κλείνει.


Το προσθετικό BORDER

Το προσθετικό BORDER είναι ένα τμήμα που μπορεί να προστεθεί σε ορισμένες εντολές που εμφανίζουν πλαίσια.
Συγκεκριμένα μπορούμε να χρησιμοποιήσουμε το BORDER στους πίνακες, στη δημιουργία πλαισίων και όταν βάζουμε ως
απεικόνιση συνδέσμου εικόνα αντί για κείμενο (π.χ. <A HREF="selida.html"><IMG SRC="eikona.gif"></A>.
Στο παράδειγμα αυτό μόλις κάνουμε κλικ στην εικόνα: eikona.gif θα μεταφερθούμε στην σελίδα: selida.html).
Το BORDER υποδηλώνει το μέγεθος του πλαισίου. Έτσι όταν έχουμε BORDER="0" δεν εμφανίζεται το πλαίσιο.
Όσο μεγαλύτερα νούμερα βάζουμε τόσο μεγαλύτερο (χονδρότερο) είναι και το πλαίσιο. Το προσθετικό μπαίνει στο τέλος του
κειμένου της εντολής πρίν βάλουμε τον χαρακτήρα>. (π.χ. <TABLE BORDER="0"> ή <IMG SRC="kati.jpg" BORDER="0">)


Το προσθετικό ALT

Το προσθετικό ALT προστίθεται και αυτό σε ορισμένες εντολές και υποδηλώνει τον εναλλακτικό τρόπο εμφάνισης.
Η κύρια χρήση του ALT είναι στις εικόνες. π.χ. <IMG SRC="eikona1.gif" ALT="Η Εικόνα 1">. Ορισμένοι παλαιοί web browser
δεν είχαν την δυνατότητα εμφάνισης εικόνων (τώρα βέβαια όλοι έχουν αυτήν την δυνατότητα). Το προσθετικό αυτό υποδήλωνε
στο περιηγητή που δεν εμφάνιζε εικόνες να εμφανίσει το κείμενο που περιείχε το προσθετικό. Στο προηγούμενο παράδειγμα θα
εμφανιζόταν στη θέση της εικόνας το κείμενο "Εικόνα 1" (χωρίς τα εισαγωγικά). Ακόμα όμως και σήμερα χρησιμοποιείται το
προσθετικό αυτό. Αν το χρησιμοποιήσουμε σε μία ιστοσελίδα μας, μέχρι να φορτωθούν οι εικόνες θα εμφανίζονται τα ορίσματα των
προσθετικών ALT των εικόνων αυτών (κάτι τέτοιο θα είναι ιδιαίτερα ορατό αν χρησιμοποιούμε γραφικά με μεγάλο μέγεθος τα οποία
χρειάζονται κάποιο χρόνο για να φορτωθούν).


Τυπωμένο κείμενο

<TT> Η παραπάνω εντολή (με κλείσιμο </TT>) αλλάζει την προεπιλεγμένη γραμματοσειρά μας σε γράμματα γραφομηχανής.
Δηλαδή στο παράδειγμα <TT>Αυτά είναι γράμματα γραφομηχανής</TT> οι λέξεις:
"Αυτά είναι γράμματα γραφομηχανής" θα φαίνονται σαν γράμματα γραφομηχανής και θα ξεχωρίζουν από το υπόλοιπο κείμενο.
www.graphics-park.com
Ένα νέο forum όπου μπορείτε να κάνετε συζητήσεις πάνω σε πάρα πολλά θέματα.

Εικόνα

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης