1 242 - Ειζαγωγή ζηοσς Η/Τ Σμήμα Μαθημαηικών, Πανεπιζηήμιο Ιωαννίνων Ακαδημαϊκό Έηος 2011-2012 Άρηια Α.Μ. (0-2-4-6-8) Υάρης Παπαδόποσλος 207δ, B όροθος Σηλ: 8224 e-mail: charis@cs.uoi.gr
Ωπολόγιο Ππόγπαμμα Μάξηηνο MON TUE WED THU FRI 1 2 5 6 7 8 9 12 13-Θ 14 15 16 19 20-Θ 21 22 23 26-Δ 27-Θ 28 29-Θ 30 MON TUE WED THU FRI 2-Δ 3-Θ 4 5 6 9 10 11 12 13 16 17 18 19 20 23-Δ 24-Θ 25 26 27 30-Δ Θ: κάζεκα ζεωρίας Δ: Υπνρξεσηηθά Δξγαζηήξηα Απξίιηνο Μάηνο MON TUE WED THU FRI 1 2 3 4 7 8-Θ 9 10 11 14-Δ 15-Θ 16 17 18 21-Δ 22-Θ 23 24 25 28-Δ* 29-Θ 30 31 Ινύληνο MON TUE WED THU FRI 1 4 5-Θ 6 7 8 11 12-Θ 13 14 15
<HTML> H Βαζική Δομή HTML 3 <! - - Arxi Enotitas Epikefalidas --> <HEAD> <TITLE> </TITLE> </HEAD> <! - - Arxi Enotitas Somatos --> <BODY> </BODY> </HTML>
Βαζηθές Δλόηεηες 4 Δπηθεθαιίδεο Παξάγξαθνη Μνξθνπνίεζε Κεηκέλνπ Σηύι Γξακκαηνζεηξά (Με) δηαηεηαγκέλεο Λίζηεο Δηθόλεο Σπλδέζεηο Πίλαθεο
ΓΗΜΙΟΤΡΓΙΑ ΔΠΙΚΔΦΑΛΙΓΩΝ - Παράδεηγκα 5
<HTML> <! - - Arxi Enotitas Epikefalidas --> <HEAD> <TITLE> Doulevondas me Epikefalides </TITLE> </HEAD> <! - - Arxi Enotitas Somatos --> <BODY> <H1>Tmima Mathimatikon</H1> <H2>A Tomeas</H2> <H3>Grammateia A Tomea</H3> <H2>B Tomeas</H2> <H3>Grammateia B Tomea</H3> <H2>C Tomeas</H2> <H3>Grammateia C Tomea</H3> <H2>D Tomeas</H2> <H3>Grammateia D Tomea</H3> <H4>Bibliothikes</H4> <H4>Ergastiria H/Y</H4> <H5>Thyroreio</H5> </BODY> </HTML> 6
7 Παπάγπαθοι <P> </P> Κείμενο παραγράφου Δπίζες σποζηερίδεηαη ε παράκεηρος ALIGN πτ <P ALIGN = CENTER > </P> Κείμενο παραγράφου Με προθαλή (αληίζηοητα) αποηειέζκαηα.
Παπάγπαθοι - Παπάδειγμα 8
Παπάγπαθοι - Παπάδειγμα 9 <HTML> <! - - Arxi Enotitas Epikefalidas --> <HEAD> <TITLE>Doulevondas me Paragrafous</TITLE> </HEAD> <! - - Arxi Enotitas Somatos --> <BODY> <H1>H Epikefalida tis Istoselidas mou</h1> <P> Eine i proti paragrafos pou grafo stin istoselida mou. Na paratirithi to apotelesma, afou kano tin efarmogi sto Ergastirio. </P> <P ALIGN = CENTER > Prostheste kai mia deyteri paragrafo ti paratireite;</p> </BODY> </HTML>
Eηικέηερ επεξεπγαζίαρ κειμένος <B> </B> <I> </I> <CODE> </CODE> <SUP> </SUP> <SUB> </SUB> <U> </U> <BIG> </BIG> <SMALL> </SMALL> Έληνλε (bold) γξαθή. Πιάγηα (Italic) γξαθή. Γξαθή γξαθνκεραλήο. Δθζέηεο. Γείθηεο. Υπνγξάκκηζε. Αύμεζε κεγέζνπο. Μείσζε κεγέζνπο
Παπάδειγμα Επεξεπγαζίαρ Κειμένος 11
Παπαδείγμαηα Τν λέν βηβιίν ηνπ <B> B. Jones </B> έρεη ηίηιν Τν λέν βηβιίν ηνπ B. Jones έρεη ηίηιν Τν λέν βηβιίν ηνπ <BIG> B. Jones </BIG> έρεη ηίηιν Τν λέν βηβιίν ηνπ B. Jones έρεη ηίηιν Τν λέν βηβιίν ηνπ <I> B. Jones </I> έρεη ηίηιν Τν λέν βηβιίν ηνπ B. Jones έρεη ηίηιν Τν λέν βηβιίν ηνπ <CODE> B. Jones </CODE> έρεη ηίηιν Τν λέν βηβιίν ηνπ B. Jones έρεη ηίηιν Τν λέν βηβιίν ηνπ <B><U> B. Jones</U> </B> έρεη ηίηιν Τν λέν βηβιίν ηνπ B. Jones έρεη ηίηιν
ΛΙΣΤΕΣ Γηα λα εκθαληζηεί κηα ιίζηα πρ: Μήια Πνξηνθάιηα Φξεηάδεηαη ε εηηθέηα: <UL> (unordered list) θαη ε εηηθέηα: <LI> (list item) Η ζύληαμε έρεη σο: <UL> <LI> Μήλα <LI> Πορτοκάλια </UL>
ΛΙΣΤΕΣ Γηα λα εκθαληζηεί κηα ιίζηα πρ: 1. Μήια 2. Πνξηνθάιηα 3. Αριάδηα Φξεηάδνληαη νη εηηθέηεο: <OL> θαη <LI> (OL = Ordered List) Η ζύληαμε έρεη σο: <OL> <LI> Μήλα <LI> Πορτοκάλια <LI> Αχλάδια </OL>
Λίζηερ -Παπάμεηποι Η εηηθέηα <OL> έτεη παρακέηροσς. <OL TYPE = 1> Ταξινομεί με απιθμούρ <OL TYPE = Α> Ταξινομεί με κεθαλαία γπάμμαηα <OL TYPE = a> Ταξινομεί με μικπά γπάμμαηα <OL TYPE = Ι> Ταξινομεί με κεθαλαίοςρ Λαηινικούρ απιθμούρ <OL TYPE = η> Ταξινομεί με μικπούρ Λαηινικούρ απιθμούρ <OL TYPE = 1> ιζοδσναμεί με <OL>
Λίζηερ - Παπάδειγμα 16
17 Λίζηερ - Παπάδειγμα Ξεθηλάκε πξώηα κε ηελ θελή ζειίδα <HTML> <! - - Arxi Enotitas Epikefalidas --> <HEAD> <TITLE> </TITLE> </HEAD> <! - - Arxi Enotitas Somatos --> <BODY> </BODY> </HTML> Πξνζζέηνπκε ηνλ ηίηιν: <TITLE> Listes </TITLE> Καη ζηε ζπλέρεηα ζα αζρνιεζνύκε κόλν κε ην θπξίσο ζώκα
18 Λίζηερ - Παπάδειγμα Η πξώηε επηθεθαιίδα:... <BODY> <H1><B><U>ΤΜΗΜΑ ΜΑΘΗΜΑΤΙΚΩΝ</U></B></H1>.. </BODY>
Λίζηερ - Παπάδειγμα 19 Σηε ζπλέρεηα έρνπκε δηαηεηαγκέλε ιίζηα
Λίζηερ - Παπάδειγμα 20 <OL> <LI> <H2><U>Α' Σομέας: ΑΝΑΛΤΗ</U></H2> <P><H3><U><I>Γραμματεία Α' Σομέα</I></U></H3></P> <BR> <LI> <H2><U>Β' Σομέας: ΑΛΓΔΒΡΑ - ΓΔΩΜΔΣΡΙΑ</U></H2> <P><H3><U><I>Γραμματεία Β' Σομέα</I></U></H3></P> <BR> <LI> <H2><U>Γ' Σομέας: ΣΑΣΙΣΙΚΗ- ΠΙΘΑΝΟΣΗΣΩΝ</U></H2> <P><H3><U><I>Γραμματεία Γ' Σομέα</I></U></H3></P> <BR> <LI><H2><U>Γ' Σομέας: ΔΦΑΡΜΟΜΔΝΩΝ ΜΑΘΗΜΑΣΙΚΩΝ - ΜΗΥΑΝΙΚΗ ΔΡΔΤΝΑ</U></H2> <P><H3><U><I>Γραμματεία Γ' Σομέα</I></U></H3></P> </OL>
Λίζηερ - Παπάδειγμα 21 Καη ε ηειεπηαία ιίζηα είλαη κε-δηαηεηαγκέλε: <UL> <LI> <H4>Βιβλιοθήκες</H4> <LI> <H4>Δργαστήρια H/Y</H4> <LI> <H5>Θσρωρείο</H5> </UL>
Σύνδεζμοι... Η δεκηνπξγία ελόο ζπλδέζκνπ κε θάπνην αξρείν, πρ κε ην αξρείν: grades,γίλεηαη σο: <A HREF = "grades"> Κείκελο </Α> Ο Browser ζα εκθαλίζεη ην Κείκελο ππνγξακκηζκέλν θαη κπιέ. Κείκελν Μόιηο ν ρξήζηεο θάλεη "θιηθ" πάλσ ζηνλ ζύλδεζκν (κε ην "πνληίθη") ηόηε ζπλδέεηαη κε ην αξρείν grades (πνπ βξίζθεηαη ζηνλ ίδην θαηάινγν κε ην ηξέρνλ αξρείν).
23 ΔΗΜΙΟΤΡΓΙΑ ΤΠΕΡΤΝΔΕΗ <! - - Arxi Somatos --> <BODY> ηο ζεκείο ασηό ζα δεκηοσργήζω κία ζύλδεζε ζηο <A href=http://www.uoi.gr/>ηο Παλεπηζηήκηό κοσ</a>. </BODY> </HTML>
ΔΗΜΙΟΤΡΓΙΑ ΚΑΣΑΛΟΓΟΤ ΤΝΔΕΜΩΝ <HTML> <HEAD> <TITLE>Καηάιογος σλδέζκωλ</title> </HEAD> <BODY> <H1>Η ΥΡΗΗ ΣΩΝ URLs</Η1> <HR> <H3> <OL> <LI><A HREF= http://www. yahoo.com >HTTP</A> <LI><A HREF= ftp://ftp.funet.fi/ls-r.z >FTP</A> <LI><A HREF= news:soc.culture.greek >NEWS</A> <LI><A HREF="mailto:charis@cs.uoi.gr">E-MAIL</A> </OL> </Η3> </BODY> </HTML> 24
25 <BODY> <IMG src= internimage1.gif height="150"> </BODY> <BODY> <IMG src= internimage1.gif height="150" width="320"> </BODY>
Πίνακερ - Επεξηγήζειρ <TABLE> Ξεθηλά ηνλ ζρεκαηηζκό ελόο πίλαθα </TABLE> Σημαηοδοηεί ηο ηέλορ ηος πίνακα <CAPTION> Τνπνζεηεί κηα ιεδάληα από πάλσ </CAPTION> Σημαηοδοηεί ηο ηέλορ ηηρ λεζάνηαρ Table Row Table Data <TR> Ξεθηλά ηνλ ζρεκαηηζκό κηαο ζεηξάο </TR> Σημαηοδοηεί ηο ηέλορ ηηρ ζειπάρ <TD> Ξεθηλά ηνλ ζρεκαηηζκό ελόο θειηνύ </TD> Σημαηοδοηεί ηο ηέλορ ηος κελιού <TH>...</ΣΗ> Όπσο θαη ην <TD> έληνλν θαη θέληξν
<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> The Bradys Marcia Carol Greg Jan Alice Peter Cindy Mike Bobby </TABLE>
Παπάδειγμα 1 28 Γξάςηε έλα πξόγξακκα HTML ζην νπνίν ζα δεκηνπξγήζηε ην παξαθάησ θείκελν κε ηελ ίδηα κνξθή: Πεξηερόκελα: Δηζαγωγή ζηοσς Η/Τ Δηζαγσγή ζηελ επιζηήμη ηηρ πληποθοπικήρ Βαζηθέο αξρέο ζσζηεκαηηθού θαη δοκεκέλοσ προγρακκαηηζκού Γίθηπα Υπνινγηζηώλ 1. Διαγπάμμαηα ποήρ ππογπάμμαηορ 2. Διιεληθή Αιγνξηζκηθή Γιώζζα (ΔΑΓ) 3. Γιώζζα πξνγξακκαηηζκνύ C++ 1. HTML ζειίδεο Οη ιέμεηο ΔΑΓ θαη C++ ζα είλαη ζεξκέο (ππεξζύλδεζε) θαη ζα παξαπέκπνπλ ζηηο ζειίδεο www.eag.gr θαη www.cpp.gr αληίζηνηρα.
29 Παπάδειγμα 1 Ξεθηλάκε πξώηα κε ηελ θελή ζειίδα <HTML> <! - - Arxi Enotitas Epikefalidas --> <HEAD> <TITLE> </TITLE> </HEAD> <! - - Arxi Enotitas Somatos --> <BODY> </BODY> </HTML> Πξνζζέηνπκε ηνλ ηίηιν: <TITLE> Παρ-1 </TITLE> Καη ζηε ζπλέρεηα ζα αζρνιεζνύκε κόλν κε ην θπξίσο ζώκα
Παπάδειγμα 1 30 Πεξηερόκελα: Δηζαγωγή ζηοσς Η/Τ Δηζαγσγή ζηελ επιζηήμη ηηρ πληποθοπικήρ Βαζηθέο αξρέο ζσζηεκαηηθού θαη δοκεκέλοσ προγρακκαηηζκού 1. Διαγπάμμαηα ποήρ ππογπάμμαηορ 2. Διιεληθή Αιγνξηζκηθή Γιώζζα (ΔΑΓ) 3. Γιώζζα πξνγξακκαηηζκνύ C++ Γίθηπα Υπνινγηζηώλ 1. HTML ζειίδεο <H1 ALIGN="CENTER"> Δηζαγσγή ζηνπο Η/Υ </H1> <H2 > <U>Πεξηερόκελα</U>: </H2>
Παπάδειγμα 1 31 Δηζαγσγή ζηελ επιζηήμη ηηρ πληποθοπικήρ Βαζηθέο αξρέο ζσζηεκαηηθού θαη δοκεκέλοσ προγρακκαηηζκού <UL> 1.. Γίθηπα Υπνινγηζηώλ 1.. <LI> Δηζαγσγή ζηελ <I> επηζηήκε ηεο πιεξνθνξηθήο</i> <LI> Βαζηθέο αξρέο <B> ζπζηεκαηηθνύ θαη δνκεκέλνπ πξνγξακκαηηζκνύ</b> <LI> Γίθηπα Υπνινγηζηώλ </UL>
Παπάδειγμα 1 32 Βαζηθέο αξρέο ζσζηεκαηηθού θαη δοκεκέλοσ προγρακκαηηζκού 1. Διαγπάμμαηα ποήρ ππογπάμμαηορ 2. Διιεληθή Αιγνξηζκηθή Γιώζζα (ΔΑΓ) 3. Γιώζζα πξνγξακκαηηζκνύ C++ <LI> Βαζηθέο αξρέο <B> ζπζηεκαηηθνύ θαη δνκεκέλνπ πξνγξακκαηηζκνύ</b> <OL> <LI> <I><U>Γηαγξάκκαηα ξνήο πξνγξάκκαηνο </U></I> <LI> Διιεληθή Αιγνξηζκηθή Γιώζζα ( <A HREF="www.eag.gr">ΔΑΓ</A> ) <LI> Γιώζζα πξνγξακκαηηζκνύ <A HREF="www.cpp.gr">C++</A> </OL>
33 Παπάδειγμα 1 Γίθηπα Υπνινγηζηώλ 1. HTML ζειίδεο <LI> Γίθηπα Υπνινγηζηώλ <OL> <LI> HTML ζειίδεο </OL>
<BODY> <H1 ALIGN="CENTER"> Δηζαγσγή ζηνπο Η/Υ</H1> <H2 > <U>Πεξηερόκελα</U>:</H2> <UL> <LI> Δηζαγσγή ζηελ <I> επηζηήκε ηεο πιεξνθνξηθήο</i> <LI> Βαζηθέο αξρέο <B> ζπζηεκαηηθνύ θαη δνκεκέλνπ πξνγξακκαηηζκνύ</b> <OL> <LI> <I><U>Γηαγξάκκαηα ξνήο πξνγξάκκαηνο </U></I> <LI> Διιεληθή Αιγνξηζκηθή Γιώζζα ( <A HREF="www.eag.gr">ΔΑΓ</A>) <LI> Γιώζζα πξνγξακκαηηζκνύ <A HREF="www.cpp.gr">C++</A> </OL> <LI> Γίθηπα Υπνινγηζηώλ <OL> <LI> HTML ζειίδεο </OL> </UL> </BODY> 34
Παπάδειγμα 2 35 Γξάςηε έλα πξόγξακκα HTML ζην νπνίν ζα δεκηνπξγήζηε έλαλ 1x4 πίλαθα, 1. Σην πξώην θειί γξάςηε: Τκήκα Μαζεκαηηθώλ, ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε ζειίδα ηνπ Τκήκαηνο, www.math.uoi.gr 2. Σην δεύηεξν θειί εηζάγεηε ηελ εηθόλα myphoto.jpg κε ύςνο 100 θαη πιάηνο 100. 3. Σην ηξίην θειί εηζάγεηε ηελ εηθόλα myphoto2.jpg κε ύςνο 100 θαη πιάηνο 100. Η εηθόλα myphoto2.jpg ζα είλαη ζύλδεζκνο θαη ζα παξαπέκπεη ζηελ ζειίδα www.myphoto.gr 4. Σην ηέηαξην θειί γξάςηε ην παξαθάησ θείκελν κε ηελ ίδηα κνξθή: Η πρώτη μου θσηνγξαθία Η 2 ε εηθόλα είλαη θαιύηεξε
36 Παπάδειγμα 2 Ξεθηλάκε πξώηα κε ηελ θελή ζειίδα <HTML> <! - - Arxi Enotitas Epikefalidas --> <HEAD> </HEAD> <TITLE> </TITLE> <! - - Arxi Enotitas Somatos --> <BODY> </BODY> </HTML> Πξνζζέηνπκε ηνλ ηίηιν: <TITLE> Παράδεηγκα 2 </TITLE> Καη ζηε ζπλέρεηα ζα αζρνιεζνύκε κόλν κε ην θπξίσο ζώκα
Παπάδειγμα 2 Γεκηνπξγνύκε ηνλ 1x4 (θελό) πίλαθα 37 <BODY> <TABLE> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> </TABLE> </BODY>
Παπάδειγμα 2 38 Σην πξώην θειί γξάςηε: Τκήκα Μαζεκαηηθώλ, ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε ζειίδα ηνπ Τκήκαηνο, www.math.uoi.gr <TR> </TR> <TD> <A HREF="www.math.uoi.gr">Σκήκα Μαζεκαηηθώλ</A></TD> <TD> </TD> <TD> </TD> <TD> </TD>
Παπάδειγμα 2 39 Σην δεύηεξν θειί εηζάγεηε ηελ εηθόλα myphoto.jpg κε ύςνο 100 θαη πιάηνο 100. <TR> </TR> <TD> <A HREF="www.math.uoi.gr">Σκήκα Μαζεκαηηθώλ</A></TD> <TD> <IMG SRC="myphoto.jpg" <TD> </TD> <TD> </TD> WIDTH=100 HEIGΗT=100></TD>
Παπάδειγμα 2 40 Σην ηξίην θειί εηζάγεηε ηελ εηθόλα myphoto2.jpg κε ύςνο 100 θαη πιάηνο 100. Η εηθόλα myphoto2.jpg ζα είλαη ζύλδεζκνο θαη ζα παξαπέκπεη ζηελ ζειίδα www.myphoto.gr <TR> </TR> <TD> <A HREF="www.math.uoi.gr">Σκήκα Μαζεκαηηθώλ</A></TD> <TD> <IMG SRC="myphoto.jpg" WIDTH=100 HEIGTH=100></TD> <TD> <A HREF="www.myphoto.gr"> <TD> </TD> <IMG SRC="myphoto2.jpg" WIDTH=100 HEIGHΣ=100></A> </TD>
Παπάδειγμα 2 Σην ηέηαξην θειί γξάςηε ην παξαθάησ θείκελν κε ηελ ίδηα κνξθή: Η πρώτη μου θσηνγξαθία 41 Η 2 ε εηθόλα είλαη θαιύηεξε <TD> <UL> </TD> <LI> Η <B><I><U>πρώηε κοσ</u></i></b> θωηογραθία <LI> Η 2<SUP>ε</SUP> εηθόλα είλαη <BIG>θαιύηερε</BIG> </UL>
<BODY> <TABLE> <TR> <TD> <A HREF="www.math.uoi.gr">Τκήκα Μαζεκαηηθώλ</A></TD> <TD> <IMG SRC="myphoto.jpg" WIDTH=100 HEIGTH=100></TD> <TD> <A HREF="www.myphoto.gr"><IMG SRC="myphoto2.jpg" WIDTH=100 HEIGTH=100></A></TD> <TD> <UL> <LI> Η <B><I><U>πξώηε κνπ</u></i></b> θσηνγξαθία <LI> Η 2<SUP>ε</SUP> εηθόλα είλαη <BIG>θαιύηεξε</BIG> </UL> </TD> </TR> </TABLE> </BODY> 42
Παπάδειγμα 3 Γξάςηε έλα πξόγξακκα HTML ζην νπνίν ζα δεκηνπξγήζηε έλαλ 3x1 πίλαθα, 1. Σην πξώην θειί γξάςηε: Παλεπηζηήκην Ισαλλίλσλ, ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε ζειίδα ηνπ Παλεπηζηεκίνπ, www.uoi.gr 2. Σην δεύηεξν θειί γξάςηε: Δπηθνηλσλήζηε καδί κνπ, κόλν ην καδί κνπ ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε δηεύζπλζε ηνπ ειεθηξνληθνύ ζαο ηαρπδξνκείνπ 3. Σην ηξίην θειί γξάςηε ην παξαθάησ θείκελν κε ηελ ίδηα κνξθή: 43 Ο Γ Σοκέας ηνπ Σκήκαηος Μαζεκαηηθώλ πεξηιακβάλεη 3 ειδικόηηηερ: 1. Αξηζκεηηθήο Αλάιπζεο 2. Μεραληθήο θαη 3. Πιεξνθνξηθήο
Παπάδειγμα 3 44 Ξεθηλάκε πξώηα κε ηελ θελή ζειίδα <HTML> <! - - Arxi Enotitas Epikefalidas --> <HEAD> <TITLE> </TITLE> </HEAD> <! - - Arxi Enotitas Somatos --> <BODY> </BODY> </HTML> Πξνζζέηνπκε ηνλ ηίηιν: <TITLE> Παρ-3 </TITLE> Καη ζηε ζπλέρεηα ζα αζρνιεζνύκε κόλν κε ην θπξίσο ζώκα
Παπάδειγμα 3 Γεκηνπξγνύκε ηνλ 3x1 (θελό) πίλαθα 45 <BODY> <TABLE> <TR> <TD> </TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD> </TD> </TR> </TABLE> </BODY>
Παπάδειγμα 3 46 Σην πξώην θειί γξάςηε: Παλεπηζηήκην Ισαλλίλσλ, ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε ζειίδα ηνπ Παλεπηζηεκίνπ, www.uoi.gr <TR> <TD> <A HREF="www.uoi.gr">Παλεπηζηήκηο Ιωαλλίλωλ</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD> </TD> </TR>
Παπάδειγμα 3 Σην δεύηεξν θειί γξάςηε: Δπηθνηλσλήζηε καδί κνπ, κόλν ην καδί κνπ ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε δηεύζπλζε ηνπ ειεθηξνληθνύ ζαο ηαρπδξνκείνπ 47 <TR> <TD> <A HREF="www.uoi.gr">Παλεπηζηήκηο Ιωαλλίλωλ</A></TD> </TR> <TR> <TD> Δπηθοηλωλήζηε </TR> <A HREF="MAILTO:charis@uoi.gr">καδί κοσ</a> </TD> <TR> <TD> </TD> </TR>
Παπάδειγμα 3 48 Σην ηξίην θειί γξάςηε ην παξαθάησ θείκελν κε ηελ ίδηα κνξθή: Ο Γ Σοκέας ηνπ Σκήκαηος Μαζεκαηηθώλ πεξηιακβάλεη 3 ειδικόηηηερ: 1. Αξηζκεηηθήο Αλάιπζεο 2. Μεραληθήο θαη 3. Πιεξνθνξηθήο <TR> <TD> Ο <B>Γ Σοκέας</B> ηοσ <U>Σκήκαηος Μαζεκαηηθώλ</U> περηιακβάλεη <I>3 εηδηθόηεηες</i>: <OL> <LI> Αρηζκεηηθής Αλάισζες <LI> Μεταληθής θαη <LI> Πιεροθορηθής </OL></TD></TR>
<BODY> <TABLE> <TR> <TD> <A HREF="www.uoi.gr">Παλεπηζηήκην Ισαλλίλσλ</A></TD> </TR> <TR> <TD> Δπηθνηλσλήζηε <A HREF="MAILTO:charis@uoi.gr">καδί κνπ</a> </TD> </TR> <TR> <TD> Ο <B>Γ Τνκέαο</B> ηνπ <U>Τκήκαηνο Μαζεκαηηθώλ</U> πεξηιακβάλεη <I>3 εηδηθόηεηεο</i>: <OL> <LI> Αξηζκεηηθήο Αλάιπζεο <LI> Μεραληθήο θαη <LI> Πιεξνθνξηθήο </OL></TD></TR></TABLE> </BODY> 49
Παπάδειγμα 4 Γξάςηε έλα πξόγξακκα HTML ζην νπνίν ζα δεκηνπξγήζηε έλαλ 2x2 πίλαθα, 1. Σην (1,1) θειί γξάςηε: Δηζαγσγή ζηνπο Η/Υ Γίθηπα θαη Υπνινγηζηέο Γεκηνπξγία ΗΤΜL ζειίδσλ 2. Σην (1,2) θειί γξάςηε: Ηιεθηξνληθό Ταρπδξνκείν πνπ ζα είλαη ζεξκή ιέμε θαη ζα παξαπέκπεη ζηε δηεύζπλζε ηνπ ειεθηξνληθνύ ζαο ηαρπδξνκείνπ 3. Σην (2,1) θειί εηζάγεηε ηελ εηθόλα : myphoto.jpg κε ύςνο 100 θαη πιάηνο 100. 4. Σην (2,2) θειί εηζάγεηε ην θείκελν: Η πρώηε κοσ ζειίδα θαη ε πξώηε κνπ ππεξζύλδεζε! Η ιέμε ππεξζύλδεζε είλαη ζεξκή θαη παξαπέκπεη ζηελ ζειίδα: www.math.uoi.gr 50
51
<BODY> <TABLE border=1> <TR> <TD> <UL> <LI> Δηζαγσγή ζηνπο Η/Υ <UL> <LI> Γίθηπα θαη Υπνινγηζηέο <UL> <LI> Γεκηνπξγία ΗΤΜL ζειίδσλ </UL> </UL> </UL> </TD> <TD> <A HREF="MAILTO:charis@uoi.gr">Ηιεθηξνληθό Ταρπδξνκείν</A> </TD> </TR> <TR> <TD> <IMG SRC="myphoto.jpg" WIDTH=100 HEIGHΤ=100> </TD> <TD> Η <B><U>πξώηε κνπ ζειίδα</u></b> θαη ε πξώηε κνπ <Α HREF = "http://www.math.uoi.gr" > ππεξζύλδεζε</a>! </TD> </TR> </TABLE> </BODY> 52
53 Παπάδειγμα 5 Γεκηνπξγήζηε κηα ζειίδα όπνπ ζα εηζάγεηε έλαλ πίλαθα 1x4. Σε θάζε θειί δεκηνπξγήζηε κηα ππεξζύλδεζε (ζεξκή ιέμε) γηα θάζε έλα από ηα πξνεγνύκελα παξαδείγκαηα 1, 2, 3, 4. Δπίζεο ζε θάζε θειί εηζάγεηε κηα ιίζηα πνπ πεξηέρεη όιεο ηηο ζεξκέο ιέμεηο (ππεξζπλδέζεηο) πνπ θηηάμαηε ζε θάζε παξάδεηγκα 1, 2, 3, 4.