wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Ερωτήσεις HTML και CSS

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Ποιο HTML tag χρησιμοποιείται για τη δημιουργία επικεφαλίδων;

a)

<p>

b)

<h1>

c)

<div>

d)

<head>

2.

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

a)
  1. <picture>

b)
  1. <img>

c)
  1. <photo>

d)
  1. <image>

3.
  1. Ποια από τις παρακάτω επιλογές είναι σωστή για να δημιουργήσετε έναν υπερσύνδεσμο;

a)
  1. <link>

d)

<a>Link</a>

4.

Η ετικέτα <table> χρησιμοποιείται για:

a)

να εμφανίζει μια λίστα

b)

να εμφανίζει μια φόρμα

c)

να δημιουργεί έναν πίνακα

d)

να δημιουργεί έναν σύνδεσμο

5.
  1. Ποια ετικέτα HTML αντιπροσωπεύει μια γραμμή σε έναν πίνακα;

a)

<td>

b)

<th>

c)

<tr>

d)

<table>

6.
  1. Ποια ετικέτα HTML αντιπροσωπεύει ένα κελί σε έναν πίνακα;

a)

<td>

b)

<th>

c)

<tr>

d)

<table>

7.

Τι κάνει η ετικέτα <td>;

a)

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

b)

Ορίζει ένα κελί σε μια γραμμή πίνακα

c)

Δημιουργεί μια νέα στήλη

d)

Ορίζει μια κεφαλίδα πίνακα

8.

Τι κάνει η ετικέτα <title>;

a)

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

b)

Ορίζει ένα κελί σε μια γραμμή πίνακα

c)

Δημιουργεί μια νέα στήλη

d)

Ορίζει μια κεφαλίδα πίνακα

9.

Τι κάνει η ετικέτα <tr>;

a)

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

b)

Ορίζει μία γραμμή ενός πίνακα

c)

Δημιουργεί μια νέα στήλη

d)

Ορίζει μια κεφαλίδα πίνακα

10.

Πώς μπορούμε να αλλάξουμε το χρώμα του κειμένου μιας

επικεφαλίδας με CSS;

a)

h1 { text-color: blue; }

b)

h1 { color: blue; }

c)

h1 { font-color: blue; }

d)

h1 { text-style: blue; }

11.

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

a)

img { padding: 10px; }

b)

img { margin: 10px; }

c)

img { border: 10px; }

d)

img { spacing: 10px; }

12.

Πώς μπορούμε να αλλάξουμε το χρώμα των συνδέσμων στο CSS;

a)

a { font-color: green; }

b)

a { color: green; }

c)

link { color: green; }

d)

a { text-color: green; }

13.

Ποια εντολή CSS αλλάζει το χρώμα φόντου ενός κελιού στον πίνακα;

a)

td { background-color: yellow; }

b)

td { bg-color: yellow; }

c)

td { color: yellow; }

d)

td { cell-background: yellow; }

14.

Πώς αλλάζουμε το πάχος του περιγράμματος σε όλα τα κελιά ενός πίνακα;

a)

table { border-width: 2px; }

b)

td { border-width: 2px; }

c)

table, td, th { border: 2px solid; }

d)

th, td { width: 2px; }

15.

Πώς μπορούμε να αλλάξουμε το ύψος μιας γραμμής στον πίνακα με CSS;

a)

tr { line-height: 20px; }

b)

tr { row-height: 20px; }

c)

tr { height: 20px; }

d)

tr { line-size: 20px; }

16.

Ποια εντολή CSS θα αλλάξει την ευθυγράμμιση του κειμένου σε όλα τα κελιά του πίνακα στο κέντρο;

a)

td { center-align: true; }

b)

td { text-align: center; }

c)

td { align-text: center; }

d)

td { alignment: center; }

17.

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

a)

<list>

b)

<ul>

c)

<ol>

d)

<item>

18.

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

a)

<list>

b)

<ul>

c)

<ol>

d)

<item>

19.

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

a)

<list>

b)

<ul>

c)

<dl>

d)

<item>

20.

Ποια ετικέτα HTML χρησιμοποιείται για να ορίσουμε κάθε στοιχείο σε μια λίστα;

a)

<list>

b)

<ul>

c)

<ol>

d)

<li>