HTML = HyperText Markup Language

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "HTML = HyperText Markup Language"

Transcript

1 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

2 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

3 12 Αναβοσβήσιμο <BLINK></BLINK> Δοκιμή 13 Μέγεθος γραμμάτων <FONT SIZE=?></FONT> Με τιμές από 1 ως και Αλλαγή μεγέθους γραμμάτων <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> Σχετική θέση επιπέδου Αρχείο προέλευσης επιπέδου <LAYER PAGEX=? PAGEY=?></LAYER> <LAYER SRC="***"></LAYER> 14 Σειρά επικάλυψης <LAYER Z-INDEX=?></LAYER> 15 Θέση επικάλυψης <LAYER ABOVE="***" BELOW="***"></LAYER> 3

4 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 Σύνδεσμος για αποστολή <A HREF="mailto:@"></A> 8 Καθορισμός τίτλου για <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

5 14 Διαστάσεις εικόνας <IMG SRC="URL" WIDTH=? HEIGHT=?> <IMG SRC="URL" WIDTH=% HEIGHT= %> Σε pixels. Ως ποσοστό των διαστάσεων της σελίδας. 15 Πλαίσιο εικόνας <IMG SRC="URL" BORDER=?> Σε pixels Κενός χώρος γύρω από την εικόνα Εναλλακτική εικόνα χαμηλής ανάλυσης Χάρτης εικόνας με συνδέσμους 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

6 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> Για τη σειρά και τις επόμενες Αριθμός έναρξης αρίθμησης <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

7 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 < < 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

8 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 Ομαδοποίηση επιλογών Μέγεθος πεδίου εισαγωγής κειμένου Ονομασία πεδίου εισαγωγής κειμένου 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

9 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> Κείμενο κελιού χωρίς αναδίπλωση <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

10 27 Επικεφαλίδα δίχως αναδίπλωση <TH NOWRAP> Επέκταση επικεφαλίδας σε στήλες Επέκταση επικεφαλίδας σε σειρές <TH COLSPAN=?> <TH ROWSPAN=?> Επιθυμητό πλάτος επικεφαλίδας <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

11 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

12 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

ΗΤΜL ΔΗΜΙΟΥΡΓΩΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ

ΗΤΜL ΔΗΜΙΟΥΡΓΩΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ ΗΤΜL HTML σημαίνει HyperText Markup Language, είναι δηλαδή μια γλώσσα που μας επιτρέπει να μορφοποιούμε κάποιες πληροφορίες προκειμένου να εμφανιστούν με τον τρόπο που θέλουμε σε έναν φυλλομετρητή. Η HTML

Διαβάστε περισσότερα

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

ΜΕΡΟΣ ΔΕΥΤΕΡΟ MS FRONTPAGE 2003. Γιάννης Καζανίδης Τεχνολόγος Μηχανολόγος Μηχανικός MSc Πληροφορικής ΜΕΡΟΣ ΔΕΥΤΕΡΟ MS FRONTPAGE 2003 Γιάννης Καζανίδης Τεχνολόγος Μηχανολόγος Μηχανικός MSc Πληροφορικής ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ ΜΕΡΟΣ ΔΕΥΤΕΡΟ...2 MS FRONTPAGE 2003...2 1 ΙΣΤΟΣΕΛΙΔΕΣ...5 1.1 Έννοια και δομή της

Διαβάστε περισσότερα

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

ΘΕΩΡΗΣΙΚΟ ΜΕΡΟ : ΒΑΙΚΕ ΕΝΣΟΛΕ ΓΛΩΑ HTML ΘΕΩΡΗΣΙΚΟ ΜΕΡΟ : ΒΑΙΚΕ ΕΝΣΟΛΕ ΓΛΩΑ HTML Η Γλώσσα προγραμματισμού HTML (HyperText Language) περιλαμβάνει τις παρακάτω εντολές: Markup ΒΑΙΚΑ ΣΟΙΥΔΙΑ 1 Σύπνο εγγξάθνπ 2 Σίηινο

Διαβάστε περισσότερα

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

Άσκηση 6 Επαναληπτική Άσκηση HTML Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο

Διαβάστε περισσότερα

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

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από

Διαβάστε περισσότερα

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

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL

Διαβάστε περισσότερα

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

Πίνακες. ετικέτα <table> Πίνακες ετικέτα σύνταξη κελί 1 κελί 2 κελί 3 κελί 4 : πίνακας : γραμμή : κελί Ιδιότητα border border : ορίζει

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Πίνακες Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται

Διαβάστε περισσότερα

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

Παρουσίαση και μορφοποίηση κειμένου HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το

Διαβάστε περισσότερα

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

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή

Διαβάστε περισσότερα

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

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός

Διαβάστε περισσότερα

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

Προγραμματισμός Διαδικτύου Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη

Διαβάστε περισσότερα

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

Σχεδίαση ιστοσελίδων Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές

Διαβάστε περισσότερα

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

Η λίστα <ol> (ordered list) Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι

Διαβάστε περισσότερα

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

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση

Διαβάστε περισσότερα

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

Βαρβάκειο Πρότυπο Γυμνάσιο Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,

Διαβάστε περισσότερα

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

Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).

Διαβάστε περισσότερα

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

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized

Διαβάστε περισσότερα

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

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Πλαίσια Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται

Διαβάστε περισσότερα

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

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText

Διαβάστε περισσότερα

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

Εισαγωγή στην γλώσσα υπερκειμένου HTML Εισαγωγή στην γλώσσα υπερκειμένου HTML 1 Βασικές έννοιες 2 3 Yπερκείμενο - Υπερσύνδεσμος - HTML Το δομικό χαρακτηριστικό του WWW είναι το υπερκείμενο (hypertext), δηλαδή ένα αρχείο που εκτός από απλό κείμενο

Διαβάστε περισσότερα

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

Πίνακες. ιδιότητες ετικέτας <tr> Πίνακες ιδιότητες ετικέτας Ιδιότητα align στοιχίζει κατά την οριζόντια διεύθυνση τα περιεχόμενα μιας γραμμής του πίνακα αριστερά (left), δεξιά (right), στο κέντρο (center), ή με πλήρη στοίχιση (justify)

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form> Φόρμες Οι φόρμες περιέχουν τα στοιχεία φόρμας στο οποία ένας χρήστης μπορεί να εισαγάγει δεδομένα τα οποία στη συνέχεια αποστέλλονται σε έναν εξυπηρετητή για παραπέρα επεξεργασία. Γενικοί κανόνες Για τις

Διαβάστε περισσότερα

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

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς

Διαβάστε περισσότερα

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

Υπερσυνδέσεις (hyperlinks) Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)

Διαβάστε περισσότερα

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

<HTML> <HEAD> <TITLE> <BODY> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες

Διαβάστε περισσότερα

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

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

Διαβάστε περισσότερα

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

Σχεδίαση ιστοσελίδων με τη γλώσσα HTML Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων με τη γλώσσα HTML Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές

Διαβάστε περισσότερα

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

Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει

Διαβάστε περισσότερα

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

Βαρβάκειο Πρότυπο Γυμνάσιο Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2017-2018 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο Άσκηση 5 -Δηµιουργία ιστοσελίδων µε HTML µέρος 5 ο HTML Φόρµες Για να δηµιουργήσουµε µια φόρµα στην οποία θα γράφουν σχόλια ή παρατηρήσεις οι επισκέπτες των σελίδων µας, χρειαζόµαστε την ετικέτα .

Διαβάστε περισσότερα

Διάλεξη 3η HTML intermediate

Διάλεξη 3η HTML intermediate Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs

Διαβάστε περισσότερα

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

HTML... 1. Εισαγωγή στην HTML και τα CSS HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα

Διαβάστε περισσότερα

<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.

<a href=http://www.somepage.com/somepage.html>μετάβαση στο κείμενο</a>. HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των

Διαβάστε περισσότερα

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

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:

Διαβάστε περισσότερα

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

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής

Διαβάστε περισσότερα

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

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Οι φόρμες αποτελούν τον πιο δημοφιλή τρόπο για τη συλλογή δεδομένων μέσω του World Wide Web (WWW). Επιτρέπουν στους χρήστες να επικοινωνούν με τη βοήθεια του

Διαβάστε περισσότερα

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

ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ Στην άσκηση αυτή θα εμπλουτίσουμε την ιστοσελίδα που φτιάξαμε στην προηγούμενη άκηση με πίνακες, συνδέσμους και γραφικά. 1.

Διαβάστε περισσότερα

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

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε

Διαβάστε περισσότερα

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

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει

Διαβάστε περισσότερα

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

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά

Διαβάστε περισσότερα

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

Προγραμματισμός Παγκόσμιου Ιστού Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Προγραμματισμός Παγκόσμιου Ιστού 2 η Διάλεξη Δημοσθένης Κυριαζής Δευτέρα 6 Μαρτίου 2017 Σημερινή διάλεξη Σύνοψη προηγούμενης διάλεξης HTML / HTML5 Λίστες,

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Σχεδίαση και Ανάπτυξη Ιστότοπων Σχεδίαση και Ανάπτυξη Ιστότοπων Η Γλώσσα HTML Παρουσίαση 4 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Κανόνες σύνταξης της HTML Δομή σελίδας και βασικές ετικέτες Ιεραρχία (Hierarchy) Κανόνες σύνταξης της

Διαβάστε περισσότερα

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

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες

Διαβάστε περισσότερα

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

Προγραμματισμός Διαδικτύου Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη

Διαβάστε περισσότερα

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

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week 7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!

Διαβάστε περισσότερα

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

HTML Εργαστήριο 1.2 (Πίνακες) HTML Εργαστήριο 1.2 (Πίνακες) Πίνακες 1. Η ετικέτα με την οποία ορίζουμε στην HTML έναν πίνακα είναι η . Κάθε γραμμή του πίνακα ορίζεται με τις και κάθε στήλη με τις . Έτσι ένας απλός πίνακας

Διαβάστε περισσότερα

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

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.

Διαβάστε περισσότερα

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

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια Εισαγωγή στην Επιστήμη Υπολογιστών Εισαγωγή στην HTML Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML ΜΕΡΟΣ Β': CSS ΚΑΙ FORMS 2 Cascading Style Sheets (CSS) Cascading Style

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Προγραμματισμός Διαδικτύου ΕΡΓΑΣΤΗΡΙΟ. Τμ. ΔΕ- Χειμ Προγραμματισμός Διαδικτύου ΕΡΓΑΣΤΗΡΙΟ Τμ. ΔΕ- Χειμ. 2014-15 Ετικέτες meta 2 Δε περιέχουν περιεχόμενο Έχουν 2 ιδιότητες. content: (υποχρεωτικό): Τα ίδια τα μετα-δεδομένα name: Συνήθως author, keywords και

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html

Διαβάστε περισσότερα

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

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας; Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι

Διαβάστε περισσότερα

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

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας

Διαβάστε περισσότερα

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

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται

Διαβάστε περισσότερα

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

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται

Διαβάστε περισσότερα

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

ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΤΜΗΜΑ ΧΡΗΜΑΤΟΟΙΚΟΝΟΜΙΚΗΣ ΚΑΙ ΛΟΓΙΣΤΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ WEB PRESENTATION OF A HOTEL UNIT ΕΠΙΒΛΕΠΩΝ ΚΑΘΗΓΗΤΗΣ:ΚΟΣΣΙΕΡΗ

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και

Διαβάστε περισσότερα

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

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Εικόνα, κείμενο και εικόνα Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό

Διαβάστε περισσότερα

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

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επιπλέον δυνατότητες Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό

Διαβάστε περισσότερα

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

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:

Διαβάστε περισσότερα

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

ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Οικονοµικό Πανεπιστήµιο Αθηνών Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων µε HMTL Γιώργος Γιαγλής Περίληψη Κεφαλαίου

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις Α.Τ.Ε.Ι. ΠΑΤΡΑΣ ΠΑΡΑΡΤΗΜΑ ΑΜΑΛΙΑ ΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΗ ΙΟΙΚΗΣΗ ΚΑΙ ΟΙΚΟΝΟΜΙΑ Σηµειώσεις Εργαστηρίου Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις ρ. Χριστοδούλου Σωτήριος 2005-2006 2

Διαβάστε περισσότερα

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

Εισαγωγή εικόνων. ετικέτα <img> Εισαγωγή εικόνων ετικέτα σύνταξη η ιδιότητα src καθορίζει ποια εικόνα θα εισαχθεί στη σελίδα η τιμή url είναι η πλήρης ή σχετική διαδρομή της εικόνας Παράδειγμα 1

Διαβάστε περισσότερα

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

DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων: 1 Πώς δημιουργούμε ένα νέο Site; Πατάμε Site/ Manage Sites και μετά στο παράθυρο που εμφανίζεται πατάμε το κουμπάκι New και επιλέγουμε Site Στη συνέχεια θα πρέπει να δώσουμε: Α το όνομα που θέλουμε να

Διαβάστε περισσότερα

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

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,

Διαβάστε περισσότερα

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

Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί

Διαβάστε περισσότερα

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

Στελεχώνου ε το σή ερα το τώρα και το αύριο! Web HTML & CSS Εκπαιδευτικός & Εξεταστικός όμιλος FACEtoFACE Authorized Training & Certification Centers E.O.P.P.E.P Πιστοποιημένο Εκπαιδευτικό & Εξεταστικό Κέντρο Αθήνας Από το Υπουργείο Παιδείας Authorized

Διαβάστε περισσότερα

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

Μέρος Α (Ν. Αβούρης) C005-ΕΙ ΙΚΑ ΚΕΦΑΛΑΙΑ ΣΥΣΤΗΜΑΤΩΝ ΛΟΓΙΣΜΙΚΟΥ ΣΤΟ ΙΑ ΙΚΤΥΟ 10ο Εξάµηνο και Μεταπτυχιακός Κύκλος Σπουδών Μέρος Α (Ν. Αβούρης) ΕΒ ΟΜΑ ΙΑΙΑ Ι ΑΣΚΑΛΙΑ (2003-04): 3 ώρες θεωρία (Παρασκευή 9-12) 1 ώρα εργαστήριο:

Διαβάστε περισσότερα

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

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag); Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και

Διαβάστε περισσότερα

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

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις

Διαβάστε περισσότερα

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

Σχεδιασμός και Ανάπτυξη Ιστότοπων Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google

Διαβάστε περισσότερα

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

Εισαγωγή στην HTML (1) Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα

Διαβάστε περισσότερα

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

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε

Διαβάστε περισσότερα

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

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Μορφοποίηση κειμένου Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό

Διαβάστε περισσότερα

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

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών ΜΑΘΗΜΑ 6 ΣΤΟΧΟΙ: 1. Δημιουργία Ενός Πίνακα 2. Εισαγωγή Και Μετακίνηση Δεδομένων 3. Επιλογή Κελιού, Στήλης, Γραμμής, Πίνακα 4. Εισαγωγή Στήλης Και Γραμμής 5. Διαγραφή Κελιού, Στήλης, Γραμμής Και Πίνακα

Διαβάστε περισσότερα

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

ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1

Διαβάστε περισσότερα

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

Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table. DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη

Διαβάστε περισσότερα

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

Cascading Style Sheets Φόρμες (Forms) Cascading Style Sheets Φόρμες (Forms) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Cascading Style Sheets Τα Cascading Style Sheets (CSS) είναι οδηγίες

Διαβάστε περισσότερα

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

Βασίλειος Κοντογιάννης ΠΕ19 Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου

Διαβάστε περισσότερα

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

Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.

Διαβάστε περισσότερα

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

Εισαγωγή στην HTML (2) Εισαγωγή στην HTML (2) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Εικόνες Βασικοί τύποι εικόνων στην HTML gif jpg bmp (μεγάλο μέγεθος αρχείου) tiff (μεγάλο

Διαβάστε περισσότερα

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

ΚΕΦΑΛΑΙΟ 4. H Γλώσσα Σήµανσης HTML. - Απρίλιος ηµήτριος Σάµψων. Επίκουρος Καθηγητής ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ Τµήµα ιδακτικής της Τεχνολογίας και Ψηφιακών Συστηµάτων ΚΕΦΑΛΑΙΟ 4 H Γλώσσα Σήµανσης HTML ηµήτριος Σάµψων Επίκουρος Καθηγητής - Απρίλιος 2004 - Περιεχόµενα 4 Η Γλώσσα Σήµανσης HTML...

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

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

ΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ (Σημειώσεις Word) ΕΚΠΑΙΔΕΥΤΕΣ: ΒΑΡΕΛΑΣ ΙΩΑΝΝΗΣ, ΠΟΖΟΥΚΙΔΗΣ ΚΩΝΣΤΑΝΤΙΝΟΣ MICROSOFT WORD (ΕΚΠΑΙΔΕΥΤΙΚΕΣ ΣΗΜΕΙΩΣΕΙΣ) ΠΕΡΙΕΧΟΜΕΝΑ

Διαβάστε περισσότερα

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

CTEC-153: ΥΠΟΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Μορφοποίηση Αριθμών 2. Αλλαγή Μεγέθους Και Τύπου Γραμματοσειράς 3. Χρησιμοποίηση Πλάγιων, Έντονων, Υπογραμμισμένων Χαρακτήρων 4. Αλλαγή Χρώματος Γραμματοσειράς 5. Παράθυρο Διαλόγου

Διαβάστε περισσότερα

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

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης

Διαβάστε περισσότερα

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

Επεξεργαστής Κειμένου: (Microsoft Word) Επεξεργαστής Κειμένου: (Microsoft Word) Στο περιβάλλον εργασίας του επεξεργαστή κειμένου Microsoft Word εκτελούμε τις παρακάτω λειτουργίες: 1) Δημιουργία Νέου Εγγράφου: Η Δημιουργία ενός Νέου Εγγράφου

Διαβάστε περισσότερα

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

«Σχεδιαστής ιστοσελίδων και εφαρμογών (Front End Web Developer)» «Σχεδιαστής ιστοσελίδων και εφαρμογών (Front End Web Developer)» Εισαγωγή Εισαγωγικό Σημείωμα Οι σημειώσεις αυτές δεν είναι εμπορικό προϊόν. Συντάχθηκαν για τους ωφελούμενους του έργου «ΘΕΩΡΗΤΙΚΗ ΚΑΤΑΡΤΙΣΗ,

Διαβάστε περισσότερα