HTML = HyperText Markup Language

Σχετικά έγγραφα
ΗΤΜL ΔΗΜΙΟΥΡΓΩΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ

ΜΕΡΟΣ ΔΕΥΤΕΡΟ MS FRONTPAGE Γιάννης Καζανίδης Τεχνολόγος Μηχανολόγος Μηχανικός MSc Πληροφορικής

ΘΕΩΡΗΣΙΚΟ ΜΕΡΟ : ΒΑΙΚΕ ΕΝΣΟΛΕ ΓΛΩΑ HTML

Άσκηση 6 Επαναληπτική Άσκηση HTML

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML

Πίνακες. ετικέτα <table>

Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον

Νέες Τεχνολογίες στην Εκπαίδευση

Παρουσίαση και μορφοποίηση κειμένου

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας

Προγραμματισμός Διαδικτύου

Σχεδίαση ιστοσελίδων

Η λίστα <ol> (ordered list)

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...

Βαρβάκειο Πρότυπο Γυμνάσιο

Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους

Νέες Τεχνολογίες στην Εκπαίδευση

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

Εισαγωγή στην γλώσσα υπερκειμένου HTML

Πίνακες. ιδιότητες ετικέτας <tr>

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες

Υπερσυνδέσεις (hyperlinks)

<HTML> <HEAD> <TITLE> <BODY>

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

Σχεδίαση ιστοσελίδων με τη γλώσσα HTML

Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο

Βαρβάκειο Πρότυπο Γυμνάσιο

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο

Διάλεξη 3η HTML intermediate

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο

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

<a href=" στο κείμενο</a>.

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες

ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ

Προγραμματισμός Παγκόσμιου Ιστού

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης

Σχεδίαση και Ανάπτυξη Ιστότοπων

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης

Προγραμματισμός Διαδικτύου

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week

HTML Εργαστήριο 1.2 (Πίνακες)

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ. Κεφάλαιο 5. Αλληλεπιδραστικές ιστοσελίδες (χρήση ετικέτας <FORM> και η τεχνική CGI)

Cascading Style Sheets (CSS)

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια

Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα:

Προγραμματισμός Διαδικτύου ΕΡΓΑΣΤΗΡΙΟ. Τμ. ΔΕ- Χειμ

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

Εργαλεία ανάπτυξης εφαρμογών internet Ι

ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ

HTML 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών

Νέες Τεχνολογίες στην Εκπαίδευση

Νέες Τεχνολογίες στην Εκπαίδευση

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML

ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ

Σχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20

Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις

Εισαγωγή εικόνων. ετικέτα <img>

DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων:

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5

Στελεχώνου ε το σή ερα το τώρα και το αύριο!

Μέρος Α (Ν. Αβούρης)

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML

Σχεδιασμός και Ανάπτυξη Ιστότοπων

Εισαγωγή στην HTML (1)

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML

Νέες Τεχνολογίες στην Εκπαίδευση

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών

ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)

Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.

Cascading Style Sheets Φόρμες (Forms)

Βασίλειος Κοντογιάννης ΠΕ19

Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής

Εισαγωγή στην HTML (2)

ΚΕΦΑΛΑΙΟ 4. H Γλώσσα Σήµανσης HTML. - Απρίλιος ηµήτριος Σάµψων. Επίκουρος Καθηγητής

HTML. FACEtoFACE 32 Χρόνια Εμπειρίας. Εκπαιδευτικός & Εξεταστικός όμιλος Authorized Training & Certification Centers. Επικοινωνία

ΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ

CTEC-153: ΥΠΟΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ

Νέες Τεχνολογίες στην Εκπαίδευση

Επεξεργαστής Κειμένου: (Microsoft Word)

«Σχεδιαστής ιστοσελίδων και εφαρμογών (Front End Web Developer)»

Transcript:

HTML = HyperText Markup Language Η Γλώσσα προγραμματισμού HTML χρησιμοποιεί τις παρακάτω εντολές: ΒΑΣΙΚΑ ΣΤΟΙΧΕΙΑ 1 Τύπος εγγράφου <HTML></HTML> 2 Τίτλος <TITLE></TITLE> 3 Επιφυλλίδα <HEAD></HEAD> Ορίζει την αρχή και το τέλος. Εμφανίζεται στη μπλε μπάρα του φυλλομετρητή. Πρέπει να βρίσκεται στην επιφυλλίδα. Εδώ μπαίνει ο τίτλος, περιγραφή της σελίδας, τα styles και η java. 4 Bασικός Κορμός <BODY></BODY> το κύριο υλικό της σελίδας. ΟΡΙΣΜΟΣ ΔΟΜΗΣ 1 Επικεφαλίδα <H?></H?> Δέχεται 6 ορισμούς: H1 ως και H6. 2 Στοίχιση επικεφαλίδας <H? ALIGN=LEFT CENTER RIGHT></H?> 3 Yποδιαίρεση κειμένου <DIV></DIV> 4 Στοίχιση υποδιαίρεσης <DIV ALIGN=LEFT RIGHT CENTER JUSTIFY></DIV> 5 Καθορισμένο περιεχόμενο <SPAN></SPAN> 6 Παράθεση σημείωσης <BLOCKQUOTE></BLOCKQUOTE> Συνήθως με εσοχή παραγράφου. 7 Σημείωση <Q></Q> 8 Έμφαση <EM></EM> 9 Έντονη έμφαση <STRONG></STRONG> 10 Κώδικας <CODE></CODE> Για σύντομες σημειώσεις. Συνήθως εμφανίζει πλάγια (italics) γράμματα. Συνήθως εμφανίζει έντονα (bold) γράμματα. Για παράθεση γραμμών κώδικα. 11 Δείγμα <SAMP></SAMP> 1

12 Είσοδος από πληκτρολόγιο <KBD></KBD> 13 Μεταβλητή <VAR></VAR> 14 Ορισμός <DFN></DFN> Δε χρησιμοποιείται ευρέως. 15 Διεύθυνση συγγραφέα <ADDRESS></ADDRESS> 16 Μεγάλα γράμματα <BIG></BIG> 17 Μικρά γράμματα <SMALL></SMALL> 18 Παρεμβολή <INS></INS> Σημειώνει τις προσθήκες σε νέα έκδοση. 19 Ώρα αλλαγής <INS DATETIME=":::"></INS> 20 Σχόλια <INS CITE="URL"></INS> 21 Διαγραφή <DEL></DEL> Σημειώνει τις διαγραφές σε νέα έκδοση. 22 Ώρα διαγραφής <DEL DATETIME=":::"></DEL> 23 Σχόλια διαγραφής <DEL CITE="URL"></DEL> 24 Αρκτικόλεξο <ACRONYM></ACRONYM> 25 Σύντμηση <ABBR></ABBR> ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ 1 Έντονη γραφή <B></B> Δοκιμή 2 Πλάγια γραφή <I></I> Δοκιμή 3 Υπογράμμιση <U></U> Δοκιμή 4 Διαγραφή <STRIKE></STRIKE> Δοκιμή 5 Διαγραφή <S></S> Δοκιμή 6 Εκθέτης <SUP></SUP> Βάση Δοκιμή 7 Δείκτης <SUB></SUB> Βάση Δοκιμή 8 Γραφομηχανή <TT></TT> Δοκιμή 9 Προμορφοποιημένο <PRE></PRE> 10 Πλάτος προμορφοποιημένου <PRE WIDTH=?></PRE> 11 Στοίχιση στο κέντρο <CENTER></CENTER> Εμφανίζει τα κενά διαστήματα όπως έχουν γραφεί. Σε χαρακτήρες. Στη θέση του χρησιμοποιείται πλέον το <DIV ALIGN="CENTER"> </DIV> 2

12 Αναβοσβήσιμο <BLINK></BLINK> Δοκιμή 13 Μέγεθος γραμμάτων <FONT SIZE=?></FONT> Με τιμές από 1 ως και 7. 14 Αλλαγή μεγέθους γραμμάτων <FONT SIZE="+ -?"></FONT> 15 Χρώμα γραμμάτων <FONT COLOR="#$$$$$$"></FONT> 16 Επιλογή γραμματοσειράς <FONT FACE="***"></FONT> Το χρώμα ορίζεται με τρεις (διψήφιους) δεκαεξαδικούς αριθμούς. 17 Επιλογή μεγέθους <FONT POINT-SIZE=?></FONT> 18 Βάρος γραμμάτων <FONT WEIGHT=?></FONT> 19 Βασικό μέγεθος γραμμάτων <BASEFONT SIZE=?> Με τιμές από 1 ως και 7 και προεπιλογή το 3. Ισχύει για όλη τη σελίδα. 20 Κινούμενο κείμενο <MARQUEE></MARQUEE> Δοκιμή ΤΟΠΟΘΕΤΗΣΗ ΣΤΟΙΧΕΙΩΝ ΣΤΗ ΣΕΛΙΔΑ 1 Πολλές στήλες <MULTICOL COLS=?></MULTICOL> 2 Απόσταση (διάκενο) στηλών <MULTICOL GUTTER=?></MULTICOL> 3 Πλάτος στήλης <MULTICOL WIDTH=?></MULTICOL> 4 Διαχωριστής <SPACER> 5 Είδος διαχωριστή <SPACER TYPE=HORIZONTAL VERTICAL BLOCK> 6 Μέγεθος διαχωριστή <SPACER SIZE=?> 7 Διαστάσεις διαχωριστή <SPACER WIDTH=? HEIGHT=?> 8 Στοίχιση διαχωριστή <SPACER ALIGN=LEFT RIGHT CENTER> 9 Επίπεδο (layer) <LAYER></LAYER> 10 Όνομα επιπέδου <LAYER ID="***"></LAYER> 11 Θέση επιπέδου <LAYER LEFT=? TOP=?></LAYER> 12 13 Σχετική θέση επιπέδου Αρχείο προέλευσης επιπέδου <LAYER PAGEX=? PAGEY=?></LAYER> <LAYER SRC="***"></LAYER> 14 Σειρά επικάλυψης <LAYER Z-INDEX=?></LAYER> 15 Θέση επικάλυψης <LAYER ABOVE="***" BELOW="***"></LAYER> 3

16 Διαστάσεις επιπέδου <LAYER HEIGHT=? WIDTH=?></LAYER> 17 Διαδρομή επιπέδου <LAYER CLIP=,,,></LAYER> 18 Εμφάνιση ή μη του επιπέδου 19 Φόντο επιπέδου <LAYER VISIBILITY=SHOW HIDDEN INHERIT></LAYER> <LAYER BACKGROUND="$$$$$ $"></LAYER> 20 Χρώμα επιπέδου <LAYER BGCOLOR="$$$$$$"></LAYER> 21 Εσωτερικό επίπεδο <ILAYER></ILAYER> 22 Εναλλακτικό περιεχόμενο <NOLAYER></NOLAYER> Δέχεται τις ίδιες παραμέτρους με το LAYER. ΣΥΝΔΕΣΜΟΙ, ΓΡΑΦΙΚΑ ΚΑΙ ΗΧΟΣ 1 Συνδεσμοςπαραπομπή σε διεύθυνση <A HREF="URL"></A> 2 Παραπομπή σε σημείο εγγράφου <A HREF="URL#***"></A> <A HREF="#***"></A> Αν πρόκειται για άλλο έγγραφο. Αν πρόκειται για το τρέχον έγγραφο. 3 Παράθυρο όπου θ ανοίξει ο σύνδεσμος <A HREF="URL" TARGET="***"></A> 4 Ενέργεια με το κλικ <A HREF="URL" ONCLICK="***"></A> JavaScript 5 Ενέργεια όταν περάσει το ποντίκι από πάνω <A HREF="URL" ONMOUSEOVER="***"></A> JavaScript 6 Ενέργεια όταν φύγει το ποντίκι από πάνω <A HREF="URL" ONMOUSEOUT="***"></A> JavaScript 7 Σύνδεσμος για αποστολή email <A HREF="mailto:@"></A> 8 Καθορισμός τίτλου για email <A HREF="mailto:@?SUBJECT=***"></A> Πρέπει να μπει? πρίν από τη λέξη SUBJECT. 9 Ορισμός θέσης για σύνδεσμο <A NAME="***"></A> Για χρήση με την Παραπομπή (βλέπε παραπάνω). 10 Εμφάνιση εικόνας <IMG SRC="URL"> 11 Στοίχιση εικόνας <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> 12 Στοίχιση εικόνας σε σχέση με το κείμενο <IMG SRC="URL" ALIGN=TEXTTOP ABSMIDDLE BASELINE ABSBOTTOM> 13 Εναλλακτικό κείμενο αντί της εικόνας <IMG SRC="URL" ALT="***"> Αν η εικόνα δεν εμφανιστεί. 4

14 Διαστάσεις εικόνας <IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" WIDTH=% HEIGHT= %> Σε pixels. Ως ποσοστό των διαστάσεων της σελίδας. 15 Πλαίσιο εικόνας <IMG SRC="URL" BORDER=?> Σε pixels. 16 17 18 Κενός χώρος γύρω από την εικόνα Εναλλακτική εικόνα χαμηλής ανάλυσης Χάρτης εικόνας με συνδέσμους 19 Video Clip <IMG SRC="URL" HSPACE=? VSPACE=?> <IMG SRC="URL" LOWSRC="URL"> <IMG SRC="URL" ISMAP> Image map <IMG SRC="URL" USEMAP="URL"> <IMG DYNSRC="***" START="***" LOOP=? > Σε pixels. Συνήθως ασπρόμαυρη. Εμφανίζεται πρώτη και επικαλλύπτεται από την κανονική. Απαιτεί script. 20 Ήχος <BGSOUND SRC="***" LOOP=? INFINITE> 21 Χάρτης εικόνας χρήστη <MAP NAME="***"></MAP> Περιγραφή χάρτη. 22 Τμήμα χάρτη <AREA SHAPE="DEFAULT RECT CIRCLE POLY" COORDS=",,," HREF="URL" NOHREF> 23 Ανανέωση περιεχομένου ή μεταπήδηση σε άλλη σελίδα 24 Ενσωματωμένο αντικείμενο <META HTTP-EQUIV="Refresh" CONTENT="χρόνος σε δευτερόλεπτα; URL=ονομασία σελίδας"> Μπαίνει μεταξύ <head> και </head>. Π.χ. <meta http-equiv="refresh" content="10;url=index.html"> <EMBED SRC="URL"> Π.χ: κάποιο flash animation. 25 Μέγεθος αντικειμένου <EMBED SRC="URL" WIDTH=? HEIGHT=? > 26 Αντικείμενο <OBJECT></OBJECT> 27 Παράμετροι <PARAM> ΔΙΑΧΩΡΙΣΤΕΣ 1 Παράγραφος <P></P> 2 Στοίχιση παραγράφου 3 Πλήρης στοίχιση παραγράφου <P ALIGN=LEFT CENTER RIGHT></P> <P ALIGN=JUSTIFY></P> Δεν είναι απαραίτητο το κλείσιμο του tag. 4 Αλλαγή σειράς <BR> 5

5 Χωρίς αναδίπλωση <BR CLEAR=LEFT RIGHT ALL> 6 Οριζόντια γραμμή <HR> 7 Στοίχιση γραμμής <HR ALIGN=LEFT RIGHT CENTER> 8 Πάχος γραμμής <HR SIZE=?> Σε pixels. 9 Πλάτος γραμμής <HR WIDTH=?> Σε pixels. 10 Πλάτος γραμμής <HR WIDTH="%"> 11 Συμπαγής γραμμή <HR NOSHADE> 12 Χωρίς αλλαγές σειράς <NOBR></NOBR> Ως ποσοστό του πλάτους σελίδας. Δίχως την τριδιάστατη όψη. 13 Αλλαγή γραμμής <WBR> ΛΙΣΤΕΣ 1 Απλή λίστα <UL><LI></UL> To <LI> μπαίνει μπροστά από κάθε σειρά. 2 Συμπαγής λίστα <UL COMPACT></UL> 3 Τύπος κουκίδας <UL TYPE=DISC CIRCLE SQUARE> Για όλη τη λίστα. 4 Τύπος κουκίδας <LI TYPE=DISC CIRCLE SQUARE> Για τη σειρά και τις επόμενες. 5 Αριθμημένη λίστα <OL><LI></OL> 6 Συμπαγής αριθμημένη λίστα <OL COMPACT></OL> To <LI> μπαίνει μπροστά από κάθε σειρά. 7 Μορφή αρίθμησης <OL TYPE=A a I i 1> Για όλη τη λίστα. 8 Μορφή αρίθμησης <LI TYPE=A a I i 1> Για τη σειρά και τις επόμενες. 9 10 Αριθμός έναρξης αρίθμησης <OL START=?> Για όλη τη λίστα. Αριθμός έναρξης αρίθμησης <LI VALUE=?> Για τη σειρά και τις επόμενες. 11 Λίστα επεξηγήσεων <DL><DT><DD></DL> 12 Συμπαγής λίστα επεξηγήσεων <DL COMPACT></DL> (<DT>=όρος, <DD>=επεξήγηση). 13 Λίστα επιλογών <MENU><LI></MENU> Πριν από κάθε σειρά. 14 Συμπαγής λίστα επιλογών <MENU COMPACT></MENU> 15 Λίστα περιεχομένων <DIR><LI></DIR> Πριν από κάθε σειρά. 16 Συμπαγής λίστα περιεχομένων <DIR COMPACT></DIR> ΦΟΝΤΟ ΚΑΙ ΧΡΩΜΑΤΑ 6

1 Επαναλαμβανόμενη εικόνα φόντου <BODY BACKGROUND="URL"> 2 Υδατογράφημα <BODY BGPROPERTIES="FIXED"> 3 Χρώμα φόντου <BODY BGCOLOR="#$$$$$$"> (order is red/green/blue). 4 Βασικό χρώμα κειμένου <BODY TEXT="#$$$$$$"> 5 Χρώμα συνδέσμων <BODY LINK="#$$$$$$"> 6 Χρώμα συνδέσμων που έχουμε επισκεφτεί <BODY VLINK="#$$$$$$"> 7 Ενεργός σύνδεσμος <BODY ALINK="#$$$$$$"> ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ 1 ειδικοί χαρακτήρες &#?; όπου? είναι o κωδικός ISO 8859-1. 2 < < 3 > > 4 & & 5 " " 6 Registered TM 7 Registered TM 8 Copyright 9 Copyright 10 Κενό διάστημα (δεν επιτρέπει αναδίπλωση) ΦΟΡΜΕΣ 1 Ορισμός φόρμας 2 'Ανέβασμα' αρχείου <FORM ACTION="URL" METHOD=GET POST></FORM> <FORM ENCTYPE="multipart/form-data"></FORM> 3 Πεδίο εισαγωγής δεδομένων <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO FILE BUTTON IMAGE HIDDEN SUBMIT RESET"> 4 Όνομα πεδίου <INPUT NAME="***"> 5 Τιμή πεδίου <INPUT VALUE="***"> 6 Τσεκάρισμα <INPUT CHECKED> Για τετράγωνα και κυκλικά πεδία τσεκαρίσματος. 7

7 Μέγεθος πεδίου <INPUT SIZE=?> Σε χαρακτήρες. 8 Μέγιστο μέγεθος <INPUT MAXLENGTH=?> Σε χαρακτήρες. 9 Κουμπί <BUTTON></BUTTON> 10 Όνομα κουμπιού <BUTTON NAME="***"></BUTTON> 11 Τύπος κουμπιού <BUTTON TYPE="SUBMIT RESET BUTTON"></BUTTON> 12 Προεπιλεγμένη τιμή <BUTTON VALUE="***"></BUTTON> 13 Ετικέτα <LABEL></LABEL> 14 Ετικέτα επιλογής <LABEL FOR="***"></LABEL> 15 Λίστα επιλογής <SELECT></SELECT> 16 Όνομα λίστας <SELECT NAME="***"></SELECT> 17 Αριθμός επιλογών <SELECT SIZE=?></SELECT> 18 Πολλαπλή επιλογή <SELECT MULTIPLE> 19 Επιλογή <OPTION> Για περισσότερες από μία επιλογές. Διαθέσιμα στοιχεία προς επιλογή. 20 Προεπιλογή <OPTION SELECTED> 21 Τιμή επιλογής <OPTION VALUE="***"> 22 Ομαδοποίηση επιλογών 23 24 Μέγεθος πεδίου εισαγωγής κειμένου Ονομασία πεδίου εισαγωγής κειμένου 25 Αναδίπλωση κειμένου <OPTGROUP LABEL="***"></OPTGROUP> <TEXTAREA ROWS=? COLS=? ></TEXTAREA> <TEXTAREA NAME="***"></TEXTAREA> <TEXTAREA WRAP=OFF HARD SOFT></TEXTAREA> 26 Μέλη ομάδας <FIELDSET></FIELDSET> 27 Υπόμνημα <LEGEND></LEGEND> 28 Στοίχιση υπομνήματος <LEGEND ALIGN="TOP BOTTOM LEFT RIGHT"></LEGEND> 1 Ορισμός πίνακα <TABLE></TABLE> ΠΙΝΑΚΕΣ 2 Στοίχιση πίνακα <TABLE ALIGN=LEFT RIGHT CENTER> 3 Περίγραμμα πίνακα <TABLE BORDER></TABLE> Υπαρκτό ή μη. 8

4 Περίγραμμα πίνακα <TABLE BORDER=?></TABLE> Oρισμός πάχους. 5 Απόσταση (διάκενο) κελιών 6 Εσωτερικό περιθώριο κελιών <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> 7 Επιθυμητό πλάτος <TABLE WIDTH=?> Σε pixels. 8 Ποσοστό πλάτους <TABLE WIDTH=%> Ποσοστό επί του πλάτους της σελίδας. 9 Χρώμα πίνακα <TABLE BGCOLOR="$$$$$$"></TABLE> 10 Πλαίσιο πίνακα <TABLE FRAME=VOID ABOVE BELOW HSIDES LHS RHS VSIDES BOX BORDER></TABLE> 11 Χάρακας πίνακα <TABLE RULES=NONE GROUPS ROWS COLS ALL></TABLE> 12 Χρώμα περιγράμματος 13 Σκούρο περίγραμμα 14 Ανοιχτόχρωμο περίγραμμα <TABLE BORDERCOLOR="$$$$$ $"></TABLE> <TABLE BORDERCOLORDARK="$$$$$ $"></TABLE> <TABLE BORDERCOLORLIGHT="$$$$$ $"></TABLE> 15 Σειρά πίνακα <TR></TR> 16 Στοίχιση σειράς πίνακα 17 Κελί πίνακα <TD></TD> <TR ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> Πρέπει να εμπεριέχεται σε ορισμό σειράς. 18 Στοίχιση κελιού <TD ALIGN=LEFT RIGHT CENTER VALIGN=TOP MIDDLE BOTTOM> 19 20 21 22 23 Κείμενο κελιού χωρίς αναδίπλωση <TD NOWRAP> Επέκταση σε στήλες Επέκταση σε σειρές <TD COLSPAN=?> <TD ROWSPAN=?> Επιθυμητό πλάτος κελιού <TD WIDTH=?> Σε pixels. Πλάτος κελιού σε ποσοστό <TD WIDTH="%"> 24 Χρώμα κελιού <TD BGCOLOR="#$$$$$$"> Επί του πλάτους του πίνακα. 25 Επικεφαλίδα στήλης 26 Στοίχιση επικεφαλίδας <TH></TH> <TH ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> Έντονα και με στοίχιση στο κέντρο. 9

27 Επικεφαλίδα δίχως αναδίπλωση <TH NOWRAP> 28 29 Επέκταση επικεφαλίδας σε στήλες Επέκταση επικεφαλίδας σε σειρές <TH COLSPAN=?> <TH ROWSPAN=?> 30 31 32 Επιθυμητό πλάτος επικεφαλίδας <TH WIDTH=?> Σε pixels. Πλάτος σε ποσοστό Χρώμα κελιού επικεφαλίδας <TH WIDTH="%"> 33 Σώμα πίνακα <TBODY> <TH BGCOLOR="#$$$$$$"> Επί του πλάτους του πίνακα. 34 Υποφυλίδα πίνακα <TFOOT></TFOOT> Προηγείται του THEAD>. 35 Επιφυλίδα πίνακα <THEAD></THEAD> 36 Επεξήγηση πίνακα <CAPTION></CAPTION> 37 Στοίχιση επεξήγησης <CAPTION ALIGN=TOP BOTTOM LEFT RIGHT> 38 Στήλη <COL></COL> 39 Επέκταση στηλών <COL SPAN=?></COL> 40 Πλάτος στήλης <COL WIDTH=?></COL> 41 Πλάτος στήλης σε ποσοστό <COL WIDTH="%"></COL> 42 Ομάδα στηλών <COLGROUP></COLGROUP> 43 Επέκταση ομάδας στηλών <COLGROUP SPAN=?></COLGROUP> 44 Πλάτος ομάδας <COLGROUP WIDTH=?></COLGROUP> 45 Πλάτος ομάδας σε ποσοστό <COLGROUP WIDTH="%"></COLGROUP> ΠΛΑΙΣΙΑ (Frames) 1 Σελίδα με πλαίσια <FRAMESET></FRAMESET> Αντί του <BODY>. 2 Ύψος σειρών <FRAMESET ROWS=,,,></FRAMESET> (Σε pixels ή %). 3 Ύψος σειρών <FRAMESET ROWS=*></FRAMESET> * = Σχετικό μέγεθος. Συνήθως όσο περισσεύει. 4 Πλάτος στηλών <FRAMESET COLS=,,,></FRAMESET> (pixels or %). 5 Πλάτος στηλών <FRAMESET COLS=*></FRAMESET> * = Σχετικό μέγεθος. Συνήθως όσο περισσεύει. 10

6 Περίγραμμα <FRAMESET FRAMEBORDER="yes no"></frameset> 7 Πλάτος περιγράμματος 8 Χρώμα περιγράμματος <FRAMESET BORDER=?></FRAMESET> <FRAMESET BORDERCOLOR="#$$$$$$"></FRAMESET> 9 Απόσταση <FRAMESET FRAMESPACING=? (διάκενο) πλαισίων ></FRAMESET> 10 Ορισμός πλαισίου <FRAME> 11 Έγγραφο που θα εμφανιστεί <FRAME SRC="URL"> Περιεχόμενα μεμονωμένου πλαισίου. 12 Όνομα πλαισίου <FRAME NAME="***" _blank _self _parent _top> 13 Πλάτος περιθωρίου <FRAME MARGINWIDTH=?> Αριτερά και δεξιά. 14 Ύψος περιθωρίου <FRAME MARGINHEIGHT=?> Πάνω και κάτω. 15 Εμφάνιση μπάρας κύλισης <FRAME SCROLLING="YES NO AUTO"> 16 Σταθερό μέγεθος <FRAME NORESIZE> 17 Περίγραμμα πλαισίου 18 Χρώμα περιγράμματος <FRAME FRAMEBORDER="yes no"> <FRAME BORDERCOLOR="#$$$$$$"> 19 Περιεχόμενο εκτός πλαισίων <NOFRAMES></NOFRAMES> 20 Εσωτερικό πλαίσιο <IFRAME></IFRAME> για φυλλομετρητές που δεν υποστηρίζουν πλαίσια. Όμοιες παράμετροι με το FRAME. 21 Διαστάσεις <IFRAME WIDTH=? HEIGHT=?></IFRAME> 22 Διαστάσεις <IFRAME WIDTH="%" HEIGHT="%"></IFRAME> ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ ΚΑΙ JAVA 1 Πρόγραμμα 2 Είδος προγράμματος 3 Γλώσσα προγράμματος <SCRIPT></SCRIPT> <SCRIPT SRC="URL"></SCRIPT> <SCRIPT TYPE="***"></SCRIPT> <SCRIPT LANGUAGE="***"></SCRIPT> 4 Άλλο περιεχόμενο <NOSCRIPT></NOSCRIPT> Αν δεν υποστηρίζονται scripts. 5 Applet <APPLET></APPLET> 6 Όνομα Applet <APPLET CODE="***"> 11

7 Παράμετροι Applet <APPLET PARAM NAME="***"> 8 Θέση Applet <APPLET CODEBASE="URL"> 9 Ταυτότητα Applet <APPLET NAME="***"> Για αναφορά-παραπομπές. 10 Εναλλακτικό κείμενο <APPLET ALT="***"> Αν δεν υποστηρίζεται java. 11 Στοίχιση Applet <APPLET ALIGN="LEFT RIGHT CENTER"> 12 Μέγεθος Applet <APPLET WIDTH=? HEIGHT=?> Σε pixels. 13 Απόσταση Applet από άλλα στοιχεία <APPLET HSPACE=? VSPACE=?> Σε pixels. 14 Server Script <SERVER></SERVER> ΔΙΑΦΟΡΑ 1 Σχόλιο <!-- *** --> Δεν εμφανίζεται. 2 Πρόλογος <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> 3 Κατάλογος αναζήτησης 4 Αποστολή αναζήτησης <ISINDEX> <A HREF="URL?***"></a> Με κανονικό? 5 URL του αρχείου <BASE HREF="URL"> 6 Παράθυρο όπου θα κατευθύνονται οι σύνδεσμοι <BASE TARGET="***"> 7 Σχετική σελίδα <LINK REV="***" REL="***" HREF="URL"> 8 Συνδεδεμένο αρχείο 9 Meta Πληροφορίες <META> <LINK TYPE="***" SRC="***"></LINK> Πρέπει να βρίσκεται στην επικεφαλίδα. Πρέπει να βρίσκεται στην επικεφαλίδα. Πρέπει να βρίσκεται στην επικεφαλίδα Πρέπει να βρίσκεται στην επικεφαλίδα. 10 Ορισμός στυλ <STYLE></STYLE> 12