Μάθημα : ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ

Κωδικός : EL1278171

EL1278171 - ΑΧΙΛΛΕΑΣ ΚΑΡΑΘΑΝΟΣ

HTML - ΒΑΣΙΚΕΣ ΕΤΙΚΕΤΕΣ

Ερώτηση 1 (Συμπλήρωση Κενών (Χαλαρή Ταυτοποίηση) — 20 βαθμοί) 

Για να εμφανιστεί η παρακάτω απλή ιστοσελίδα χρησιμοποιείται ο κώδικας με ετικέτες σήμανσης της HTML δίπλα. Παρατηρείστε και προσπαθήστε να συμπληρώσετε σωστά τις ετικέτες της html για να έχουμε το αποτέλεσμα της εικονας.

1 <     >

2 <     >

3 <_______ charset=utf-8>

4 <       >Τραγούδια για την ειρήνη<        >

5 <       >

6 <       >

7<   >Τραγούδια για την ειρήνη<   >

8 <   >"War" είναι ένα τραγούδι που έγινε γνωστό απο τον Bob Marley. Οι στίχοι του είναι εμπνευσμένοιαπό την ομιλία του Αιθίοπα Αυτοκράτορα Haile Selassie  στη συνελευσή των ηνωμένων έθνων το 1963.<   >

9 <   > "Imagine" του John Lenon<   >

10 <   > <______ src="eirini.jpg"> <   >

11 <        >

12 <     >

1. <> 2. <> 3. < charset=utf-8> 4. <>Τραγούδια για την ειρήνη<> 5. <> 6. <> 7. <>Τραγούδια για την ειρήνη<> 8. <>"War" είναι ένα τραγούδι που έγινε γνωστό απο τον Bob Marley. Οι στίχοι του είναι εμπνευσμένοι από την ομιλία του Αιθίοπα Αυτοκράτορα Haile Selassie στη συνελευσή των ηνωμένων έθνων το 1963.<> 9. <> "Imagine" του John Lenon<> 10.<> < src="eirini.jpg"> <> 11. <> 12.<>

Ερώτηση 2 (Αντιστοίχιση — 8 βαθμοί) 

Αντιστοιχήστε τις ετικέτες της HTML με τη λειτουρία (ρόλο) της κάθε μιας.
Στήλη Α Κάντε την αντιστοιχία Στήλη B
1. HTML
A. Ορίζει παράγραφο.
2. HEAD
B. Ορίζει δεσμό με ιστοσελίδα που βρίσκεται στο URL.
3. BODY
C. Ορίζει την αρχή και το τέλος μιας ιστοσελίδας.
4. TITLE
D. Ορίζει το περιεχόμενο της ιστοσελίδας.
5. P
E. Ορίζει την εισαγωγή κάποιας εικόνας -image- και των παραμέτρων που αφορούν στη θέση της, το μέγεθός της, κ.ά.
6. BR
F. Ορίζει τον τίτλο της.
7. IMG
G. Ορίζει το τμήμα εκείνο της ιστοσελίδας στο οποίο αναφέρονται διαχειριστικής φύσεως πληροφορίες που αφορούν στο περιεχόμενο της ιστοσελίδας. Οι πληροφορίες αυτές δεν εμφανίζονται από τον φυλλομετρητή.
8. A HREF=url
H. Δηλώνει αλλαγή γραμμής.

Ερώτηση 3 (Αντιστοίχιση — 12 βαθμοί) 

Μελετήστε την HTML της παρακάτω ιστοσελίδας και μέσα από την αντιστοίχηση καθορίστε το νόημα των ζητούμενων ετικετών και ιδιοτήτων κάποιων ετικετων.

Για να απαντήσετε, γράψτε τον συγκεκριμένο κώδικα HTML σε ένα επεξεργαστή απλού κειμένου όπως το Σημειωματάριο ή to Notepad++ και δείτε τα αποτελέσματα στο φυλλομετρητή (Browser).

<html>

<head>
<Title>Νίκος Παπαδόπουλος</Title>
</head>

<body bgcolor=”blue” text=”ffffff”>
<h1>Προσωπική ιστοσελίδα Νίκου Παπαδόπουλου</h1>
<p>Η συγκεκριμένη ιστοσελίδα περιέχει στην αρχή ένα <b>σύντομο βιογραφικό</b>, στη συνέχεια κάποιες <i>φωτογραφίες</i> που συνέλεξα από το διαδίκτυο και ένα <u>video</u> από το youtube.</p>
</body>

</html>

Στήλη Α Κάντε την αντιστοιχία Στήλη B
1. b
A. χρώμα κειμένου
2. u
B. εισαγωγή οριζόντιας γραμμής
3. i
C. υπογράμμιση
4. bgcolor
D. εκθέτης
5. text
E. πλάγια γραφή
6. sup
F. δείκτης
7. sub
G. εντονή γραφή
8. hr
H. χρώμα παρασκηνίου