wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

html/css

Total questions: 25

Worksheet time: 23mins

Name
Class
Date
1.

Ποιο στοιχείο χρησιμοποιείται για να δημιουργήσεις μια παράγραφο;

(a)  

2.

Ποιο από τα παρακάτω είναι έγκυρος επιλογέας CSS για ένα στοιχείο με το id "myDiv";

a)
  • #myDiv

b)
  • .myDiv

c)
  • myDiv

d)
  • div#myDiv

3.

Ποια ιδιότητα CSS χρησιμοποιείται για να δημιουργήσεις περιθώριο γύρω από ένα στοιχείο;

a)

border

b)

padding

c)

margin

d)

space

4.

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

(a)  

5.

Ποια ιδιότητα CSS χρησιμοποιείται για να κάνεις ένα στοιχείο να εμφανίζεται σε πολλές γραμμές;

(a)  

6.

Ποιο από τα παρακάτω είναι ένα έγκυρο σχόλιο στο CSS;

a)

// This is a comment

b)

/* This is a comment */

c)

# This is a comment

7.

Ποια ιδιότητα CSS χρησιμοποιείται για να αλλάξεις το μέγεθος της γραμματοσειράς;

(a)  

8.

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

a)
  • <a>

b)
  • <link>

c)
  • <url>

d)
  • <href>

9.

Ποια ιδιότητα CSS χρησιμοποιείται για να κεντράρεις ένα στοιχείο οριζόντια μέσα στον γονικό του;

a)
  • text-align: center;

b)
  • margin: auto;

c)
  • align-items: center;

d)
  • justify-content: center;

10.

Πώς μπορείς να δημιουργήσεις μια γραμμή με διακεκομμένη γραμμή;

(a)  

11.

padding τι ακριβώς δημιουργεί;

a)

Δημιουργεί χώρο μέσα σε ένα στοιχείο, μεταξύ του περιεχομένου του στοιχείου και των ορίων του.

b)

Δημιουργεί χώρο γύρω από ένα στοιχείο, μεταξύ του στοιχείου και των γειτονικών του στοιχείων.

12.

Ποιο από τα παρακάτω είναι ο κύριος σκοπός των floats στο CSS;

a)
  • Να δημιουργήσουν χώρο γύρω από ένα στοιχείο.

b)

Να τοποθετήσουν στοιχεία δίπλα-δίπλα.

c)
  • Να αλλάξουν το χρώμα του φόντου ενός στοιχείου.

d)
  • Να δημιουργήσουν μια γραμμή με διακεκομμένη γραμμή.

13.

Ποιο στοιχείο HTML χρησιμοποιείται ως βάση για τη δημιουργία μιας φόρμας;

a)

div

b)

form

c)

section

d)

article

14.

Ποια είναι η σωστή σύνταξη για να δημιουργήσεις ένα κουμπί με στρογγυλεμένες γωνίες στο CSS;

a)

border-radius: 5px;

b)

rounded-corners: 5px;

c)

corner-radius: 5px;

d)

curved-corners: 5px;

15.
  • Μπορείς να δημιουργήσεις μια απλή φόρμα επικοινωνίας

  • χρησιμοποιώντας τα στοιχεία <form>, <input>, <label> και <button>.

a)

ναι

b)

οχι

16.

  • Πώς μπορείς να δημιουργήσεις μια πλωτή μπάρα (navigation bar);



(a)  

17.

ένα παράδειγμα κώδικα HTML για να δημιουργήσεις μια ενότητα με τίτλο και παράγραφο.
<section>
    <h2>Τίτλος Ενότητας</h2>
    <p>Αυτό είναι το περιεχόμενο της ενότητας.</p>
</section>

a)

Σωστό

b)

Λάθος

18.
  • Για να κρύψεις ένα στοιχείο από την οθόνη χωρίς να το διαγράψεις από τον κώδικα


  • .hidden {
        display: none;
    }

a)

Σωστό

b)

Λάθος

19.

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

a)

flexbox/grid

b)

float

c)

inline-block

20.

Ποια ιδιότητα CSS χρησιμοποιείται για να δημιουργήσεις ένα layout που προσαρμόζεται αυτόματα σε διαφορετικά μεγέθη οθόνης;

a)
  • responsive-design

b)
  • adaptive-layout

c)

fluid-layout

d)

media-query

21.

Ποιο από τα παρακάτω είναι ένα πλεονέκτημα του Flexbox σε σχέση με το float;

a)
  • Είναι πιο εύκολο να κατανοηθεί και να χρησιμοποιηθεί.

b)
  • Είναι πιο κατάλληλο για πολύπλοκα layouts.

c)
  • Είναι πιο συμβατό με παλιότερους browsers.

d)
  • Όλα τα παραπάνω.

22.

Ποια ιδιότητα CSS χρησιμοποιείται για να δημιουργήσεις ένα στοιχείο που παραμένει σταθερό στην οθόνη, ανεξάρτητα από το scrolling;

a)
  • position: static

b)
  • position: relative

c)
  • position: absolute

d)

position: fixed

23.

ΣΧΕΔΙΑΣΤΕ ΤΗΝ ΙΔΙΟΤΗΤΑ margin ΣΕ ΣΧΕΣΗ ΜΕ ΤΟ ΚΕΙΜΕΝΟ

24.
  • Πώς μπορείς να δημιουργήσεις ένα animation χρησιμοποιώντας CSS;

4 lines
25.

Πώς μπορείς να δημιουργήσεις ένα modal window;

2 lines