wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Ετικέτες HTML -HTML5

Total questions: 16

Worksheet time: 14mins

Name
Class
Date
1.

Αντιστοιχίστε τις παρακάτω ετικέτες με τις λειτουργίες τους

a)

<BODY>...</BODY>

1.

Ορίζει το περιεχόμενο της ιστοσελίδας

b)

<HEAD>...</HEAD>

2.

Ορίζει το τμήμα της σελίδας με πληροφορίες διαχειριστικής φύσης, που δεν εμφανίζει ο φυλλομετρητής

c)

<HTML>...</HTML>

3.

Ορίζει την αρχή και το τέλος της ιστοσελίδας

d)

<TITLE>...

</TITLE>

4.

Ορίζει τον τίτλο της ιστοσελίδας

2.

Με την παρακάτω ετικέτα html δημιουργούμε παράγραφο.

a)

<Α>

b)

<BR>

c)

<P>

d)

<IMG>

3.

Με την παρακάτω ετικέτα html εισάγουμε αλλαγή γραμμής.

a)

<Α>

b)

<BR>

c)

<P>

d)

<IMG>

4.

Με την παρακάτω ετικέτα html εισάγουμε επικεφαλίδα.

a)

<OL>

b)

<BR>

c)

<P>

d)

<Η1>

5.

Με την παρακάτω ετικέτα html εισάγουμε μια ταξινομημένη λίστα (αριθμητική λίστα).

a)

<OL>

b)

<UL>

c)

<TABLE>

d)

<Η1>

6.

Με την παρακάτω ετικέτα html εισάγουμε μια ΜΗ ταξινομημένη λίστα (λίστα με κουκκίδες).

a)

<OL>

b)

<BR>

c)

<TABLE>

d)

<UL>

7.

Με την παρακάτω ετικέτα html δημιουργούμε έναν πίνακα.

a)

<OL>

b)

<IMG>

c)

<TABLE>

d)

<UL>

8.

<​ (a)   >

<HEAD>

<​ ​ (b)   > Εδώ ο τίτλος<​​ /TITLE >​

<​ (c)   CHARSET="UTF-8">

<​ (d)   >

<BODY>

... Εδώ το περιεχόμενο της σελίδας ...

<​ (e)  

</HTML>

Choose from the below words
HTML
TITLE
META
/HEAD
/BODY>
9.

Καθορίστε την σωστή σειρά εμφάνισης των παρακάτω ετικετών σε κώδικα HTML

a)

<HEAD>

b)

</TITLE>

c)

<BODY>

d)

</BODY>

e)

</HTML>

1)
2)
3)
4)
5)
10.

Συμπληρώστε την παρακάτω ετικέτα για να εισάγεις μια εικόνα με όνομα school.jpg και διαστάσεις 320 Χ 240 px. (Η εικόνα βρίσκεται στον ίδιο φάκελο με την ιστοσελίδα)

<​ (a)   ​ (b)   =​ (c)   width=​ (d)   ​ (e)   ="240" >

Choose from the below words
IMG
SRC
"school.jpg"
"320"
height
11.

Συμπληρώστε τον παρακάτω κώδικα HTML ώστε να εισάγετε υπερσύνδεσμο στο λεκτικό η-τάξη προς την ιστοδελίδα με διεύθυνση https://eclass.sch.gr

<​ (a)   ​ (b)   =​"​ (c)   "> ​ (d)   ​ <​ (e)   >

Choose from the below words
A
href
https://eclass.sch.gr
η-τάξη
12.

Ποια από τις παρακάτω ετικέτες δηλώνει ιστοσελίδα HTML 5

a)

<DOCTYPE HTML>

b)

<!HTML5>

c)

<!DOCTYPE HTML>

d)

<DOCTYPE !HTML5>

13.

Αντιστοιχίστε τις παρακάτω ετικέτες HTML5 με την λειτουργία τους.

a)

<VIDEO>

1.

Εισαγωγή βίντεο

b)

<AUDIO>

2.

Εισαγωγή ήχου

c)

<IFRAME>

3.

Ενσωμάτωση κώδικα από άλλη σελίδα

d)

<LINK>

4.

Χρήση κανόνων css από αρχείο

e)

<STYLE>

5.

Ενσωμάτωση κανόνων css μέσα στο έγγραφο html5

14.

Αντιστοιχίστε τις νέες ετικέτες HTML 5 που χρησιμοποιούνται για τον σημασιολογικό διαχωρισμό του εγγράφου με το τι αναπαριστούν:

a)

<SECTION>

1.

μια ενότητα, ένα τμήμα του εγγράφου

b)

<HEADER>

2.

εισαγωγικές πληροφορίες και στοιχεία πλοήγησης

c)

<FOOTER>

3.

πληροφορίες στο τέλος του εγγράφου

d)

<NAV>

4.

μενού πλοήγησης

e)

<ARTICLE>

5.

ένα αυτόνομο τμήμα περιεχομένου, πχ κείμενο ανάρτησης σε blog

15.

Επιλέξτε τις σωστές απαντήσεις για να δημιουργήσετε τον σωστό κώδικα για τη χρήση κανόνων css έγγραφό σας. Οι κανόνες βρίσκονται στο αρχείο mystyle.css

<​ (a)   ​ (b)   ="stylesheet" ​ (c)   ="screen" ​ (d)   =​ (e)   >

Choose from the below words
link
rel
media
href
"mystyle.css"
a
video
src
16.

Επιλέξτε τον σωστό κανόνα css που καθορίζει ότι οι παράγραφοι του εγγράφου html έχουν πράσινο χρώμα, στοίχιση στο κέντρο και περιθώριo 10px.

a)

P { color : red ; text-align: center ; padding: 10px;}

b)

P { color : green ; text-align: center ; padding: 10px;}

c)

P { color ; green : text-align; center : padding; 10px:}

d)

H1 { color : green ; text-align: center ; padding: 10px;}