44. Πίνακες <TABLE> <CAPTION>The Bradys</CAPTION> <TR> <TD> Marcia </TD> <TD> Carol </TD> <TD> Greg </TD> </TR> <TR> <TD> Jan </TD> <TD> Alice </TD> <TD> Peter </TD> </TR> <TR> <TD> Cindy </TD> <TD> Mike </TD> <TD>Bobby </TD> </TR> </TABLE> The Bradys Marcia Carol Greg Jan Alice Peter Cindy Mike Bobby
52. Πλαίσια (frames) Δυνατότητα παρουσιάσεων με χρήση πολλών παραθύρων
53.
54.
55. ΠΑΡΑΔΕΙΓΜΑ <html> <head> </head> <body> <h1> HI there </h1> You can see your <a href ="grades.html" target="new"> grades here </a> </body></html> <html><head></head> <body> <UL> <li>Math 19 <li>Phys 18 <li>Comp 16 <li>Lite 19 </UL> </body></html> ΑΡΧΕΙΟ grades.html Η πρώτη σελίδα εμφανίζεται ως: HI there You can see your grades here
56.
57.
58. <html><head>< base target="profs" ></head> <body> <UL> <li> <a href=math.txt>Math 19 </a> <li> <a href=phys.txt>Phys 18 </a> <li> <a href=comp.txt>Comp 16 </a> <li> <a href=lite.txt>Lite 19 </a> </UL> </body></html> Αρχείο Mathematics Professor: C. F.Gauss Physics Professor: A. Einstein Comp. Science Professor: A. Turing Literature Professor: S. Bellow Περιεχόμενα math.txt phys.txt comp.txt lite.txt
59. Ετικέτες: FRAMESET & FRAME Με τις ετικέτες FRAMESET καθορίζουμε την δομή του πλαισίου, που απαρτίζεται από διαφορετικά παράθυρα. Με τις ετικέτες FRAME καθορίζουμε τα περιεχόμενα των διαφορετικών παραθύρων του πλαισίου.
60.
61. <frameset COLS="110,30%,*"> </frameset> Η παραπάνω σύνταξη έχει ως αποτέλεσμα το χώρισμα μιας σελίδας σε τρεις στήλες . Η πρώτη έχει εύρος 110 pixels , η δεύτερη έχει εύρος ίσον προς το 30% της σελίδας, και η τρίτη προσαρμόζεται στο εναπομένον εύρος . 110 270 520
62.
63. Κάθε μέρος (στήλη ή σειρά) της διαμέρισης είναι ένα διαφορετικό παράθυρο. ΣΗΜΑΝΤΙΚΟ Τα παράθυρα αυτά μπορούν να έχουν ονόματα.
64. FRAME Για κάθε στήλη (ή σειρά) πρέπει να υπάρχει μια ετικέτα τύπου FRAME που θα καθορίζει το περιεχόμενο της διαμέρισης. <html> <head> <frameset cols="30%,*"> <frame src="grades.html" > <frame src="tex8.gif" name="new" > </frameset></head></html> Χωρίζεται η σελίδα σε δύο στήλες. Η πρώτη καταλαμβάνει τα 30% του εύρους της σελίδας και τα υπόλοιπα 70% η δεύτερη .
65. Τα περιεχόμενα της πρώτης στήλης καθορίζονται από το αρχείο grades.html που ορίζεται μέσω της παραμέτρου SRC : <frame SRC="grades.html"> Τα περιεχόμενα της δεύτερης στήλης καθορίζονται από το αρχείο tex8.gif που επίσης ορίζεται μέσω της παραμέτρου SRC : <frame SRC="tex8.gif" name="new" > Παρατηρήστε την επιπλέον παράμετρο name="new" , που ονομάζει το παράθυρο της δεύτερης στήλης new . Αυτό το όνομα μπορεί να χρησιμοποιηθεί σε συνδυασμό με την TARGET παράμετρο της ετικέτας <Α>
95. Ετικέτες σε συνάφεια Contextual selectors Παράδειγμα: P EM { background: yellow } Το παραπάνω στυλ ερμηνεύεται ως εξής : Κείμενο που είναι εντός και των δύο ετικετών: <P>… <EM> κείμενο </EM> … </P> Θα έχει κίτρινο φόντο. Προσοχή: Όχι κόμμα !!!
96. Παράδειγμα <html><head> <style> P EM { background: yellow } </style> </head> <body> <h1> Παράδειγμα </h1> <p> This is an <em> emphasized piece of text </em> and it is treated specially </p> Isn't it great ? <P> <em> INDEED </em> !!! </p> </body></html>
97. Εμφάνιση Παράδειγμα This is an emphasized piece of text and it is treated specially Isn't it great ? INDEED !!!