wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML-ΒΠΛ1

Total questions: 33

Worksheet time: 3hrs 45mins

Name
Class
Date
1.

Η HTML είναι μία γλώσσα που χρησιμοποιείται για:

a)

Στατικές Ιστοσελίδες

b)

Δυναμικές Ιστοσελίδες

c)

Και στατικές και δυναμικές ιστοσελίδες

d)

Αντικειμενοστραφή προγραμματισμό

2.

Η ετικέτα αλλαγής γραμμής είναι η

a)

<tr>

b)

<hr>

c)

<br>

d)

<p>

3.

Η ετικέτα υπογράμμισης είναι

a)

<i>

b)

<b>

c)

<t>

d)

<u>

4.

<h1 style=" ">Αρχική Σελίδα</h1>

Συμπληρώστε το κενό ανάμεσα στα " " ώστε ο τίτλος να αποκτήσει κόκκινα γράμματα

(a)  

5.

<h1 style=" ">Αρχική Σελίδα</h1>

Συμπληρώστε το κενό ανάμεσα στα εισαγωγικά ώστε ο τίτλος να αποκτήσει στοίχιση στο κέντρο.

(a)  

6.

<h1 style=" ">Αρχική Σελίδα</h1>

Συμπληρώστε το κενό ανάμεσα στα εισαγωγικά ώστε ο τίτλος να αποκτήσει χρώμα υπόβαθρου κίτρινο

(a)  

7.

<style>


</style>


Δημιουργείστε ανάμεσα στις ετικέτες style έναν κανόνα ώστε όλοι οι τίτλοι τύπου h1 να έχουν κόκκινα γράμματα

4 lines
8.

<img src="photo.jpg" (a)   >

Ποια παράμετρος πρέπει να μπεί στη θέση των τελείων ώστε η εικόνα να έχει πλάτους 400 pixel

9.

Γράψτε μια HTML ετικέτα η οποία θα εισάγει την εικόνα pic1.jpg η οποία βρίσκεται στον υποφάκελο photos

4 lines
10.

Η ετικέτα για να δημιουργήσουμε μία αριθμημένη λίστα είναι η:

a)

<li>

b)

<ul>

c)

<lo>

d)

<ol>

11.

Με ποια ετικέτα ορίζονται τα στοιχεία μίας λίστας;

(a)  

12.

Ο στόχος ενός υπερσύνδεσμου μπορεί να είναι:

a)

Μία διεύθυνση στο Internet

b)

Ένα αρχείο HTML στον υπολογιστή μας

c)

Ένα οποιοδήποτε αρχείο στον υπολογιστή μας

d)

Όλες οι άλλες επιλογές

13.

<a (a)   >Πατήστε εδώ</a>

Τι πρέπει να μπει αντί για τις τελείες ώστε η φράση "Πατήστε εδώ" να γίνει σύνδεσμος που θα παραπέμπει στο αρχείο link.html που βρίσκεται στον ίδιο φάκελο;

14.

ol{

list-style:lower-greek;

}

Τι αποτέλεσμα θα έχει ο παραπάνω κανόνας;

4 lines
15.

Ποια ετικέτα ορίζει μία γραμμή ενός πίνακα:

a)

<tr>

b)

<td>

c)

<th>

d)

<table>

16.

<td (a)   > Τηλεφωνικός Κατάλογος</td>

Συμπληρώστε τι πρέπει να μπει αντί για τις τελείες ώστε το κελί να έχει πλάτος τρεις στήλες

17.

table {

border: 10px solid green;

}

Περιγράψτε τι αποτέλεσμα θα έχει ο παραπάνω κανόνας στους πίνακες της σελίδας

4 lines
18.

td{

(a)  

}

Συμπληρώστε τον κανόνα ώστε τα κελιά να έχουν περιθώριο πάχους 4 pixel, συνεχές και κόκκινου χρώματος

19.

a:hover{

color:red

}

Τι αποτέλεσμα θα έχει ο παραπάνω κανόνας;

4 lines
20.

Ένα στοιχείο για το οποίο έχει οριστεί η παράμετρος display:inline-block

a)

Είναι κρυφό (δεν εμφανίζεται)

b)

Καταλαμβάνει συγκεκριμένο πλάτος και μπορούν να τοποθετηθούν δίπλα του άλλα στοιχεία

c)

Καταλαμβάνει όλο το πλάτος της σελίδας

d)

Καταλαμβάνει συγκεκριμένες γραμμές

21.

body {

background-attachment: fixed;

background-image: url("photo.jpg");

background-position: center;

(a)  

}

Συμπληρώστε τον κανόνα ώστε η εικόνα στο υπόβαθρο να μην επαναλαμβάνεται

22.

Τι θα συμβεί σε μία εικόνα για την οποία έχει οριστεί η παράμετρος transform: rotate(-25deg);

4 lines
23.

Τι θα συμβεί σε μία εικόνα για την οποία έχουν οριστεί οι παρακάτω παράμετροι:

position: fixed;

left: 10px;

top:150px;

4 lines
24.

Όλα τα στοιχεία μιας φόρμας πρέπει να έχουν ένα όνομα

a)

Σωστό

b)

Λάθος

25.

Ποια είναι η διαφορά ανάμεσα σε ένα checkbox και σε ένα radio button ;

4 lines
26.

<input (a)   name="kodikos" size="20">

Συμπληρώστε την παραπάνω ετικέτα ώστε να εμφανιστεί στη φόρμα ένα πλαίσιο όπου ο χρήστης θα πληκτρολογεί τον κωδικό του

27.

Η παράμετρος value σε ένα checkbox καθορίζει:

a)

Το όνομά του

b)

Το κείμενο που θα εμφανιστεί δίπλα από το κουτάκι

c)

Την τιμή που θα αποσταλεί αν έχει επιλεγεί το συγκεκριμένο checkbox

d)

To είδος του

28.

Τι αποτέλεσμα θα έχει η ετικέτα:

<input type="checkbox" name="agree” value="yes“>

4 lines
29.

<............... name="perioxi">

<option value="reth">Ρέθυμνο</option>

<option value="cha">Χανιά</option>

<option value="her">Ηράκλειο</option>

<option value="las">Λασίθι</option>

<...........>

Τι πρέπει να συμπληρωθεί αντί για τις τελείες ώστε τα παραπάνω να αποτελέσουν στοιχεία ενός Dropdown Menu

4 lines
30.

<input (a)   name="ypovoli" value="Υποβολή”>

Συμπληρώστε την παραπάνω ετικέτα (αντί για τις τελείες) ώστε αυτή να εισάγει ένα κουμπί το οποίο θα υποβάλλει τη φόρμα.

31.

Οι ετικέτες <fieldset> και </fieldset>

a)

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

b)

Ορίζουν την αρχή και το τέλος των στοιχείων της φόρμας

c)

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

d)

Εισάγουν ένα πεδίο για εισαγωγή τιμών

32.

<audio controls>

<source (a)   type="audio/mpeg">

</audio>

Συμπληρώστε την παραπάνω ετικέτα ώστε να εισάγει το αρχείο ήχου song1.mp3 το οποίο βρίσκεται στον υποφάκελο music

33.

Η παράμετρος controls στην ετικέτα <video>

a)

Ορίζει αυτόματη αναπαραγωγή του βίντεο

b)

Εμφανίζει τα πλήκτρα ελέγχου (play, stop κτλ) κάτω από το βίντεο

c)

Επιτρέπει την αναπαραγωγή σε πλήρη οθόνη

d)

Ενημερώνει τον browser για την μορφή του βίντεο