Font size
WorksheetsHTML+CSS
Total questions: 30
Worksheet time: 20mins
Tag που ορίζει μια λίστα με κουκίδες
<il> . . . </il>
<li> . . . </li>
<ul> . . . </ul>
<ol> . . . </ol>
Κάθε HTML έγγραφο πρέπει απαραίτητα να έχει συνδέεται με ένα αρχείο css.
Σωστό
Λάθος
Συνδέστε το HTML έγγραφο με το αρχείο style.css
<style src="style.css">
<link rel="stylesheet" href="style.css">
<link>style.css</link>
<style>"style.css"</style>
Τι λείπει από το παρακάτω τμήμα κώδικα, ώστε να έχουμε το βασικό σκελετό ενός HTML εγγράφου ;
<!DOCTYPE html>
<html>
<body>
</body>
</html>
<div> . . . </div>
<header> . . . </header>
<head> . . . </head>
<h1> . . . </h1>
Αλλάζει το χρώμα της γραμματοσειράς σε πράσινο
font-color: green;
change-font-color: green;
color: green;
fontcolor=green;
Ποιά σύνταξη είναι η σωστή ;
{ body; color=black;}
body: color= black
body { color : black; }
body { color = black; }
p { margin : 50px 20px; }
Ο παραπάνω κώδικας CSS ορίζει περιθώρια
50px πάνω και 20px δεξιά
50px πάνω και κάτω
20px δεξιά και αρστερά
50px δεξιά και αρστερά
20px πάνω και κάτω
50px σε όλες τις κατευθύνσεις
Tag για να εισάγουμε την εικόνα "school.jpg"
<img src="school">
<img="school.jpg">
<img src="school.jpg">
<img ="school">
ο css κώδικας
body { padding : 0px; }
Ορίζει καθόλου εσωτερικό περιθώριο για το τμήμα body
Ορίζει καθόλου εξωτερικό περιθώριο για το τμήμα body
Ορίζει πάνω περιθώριο 0px
Είναι λάθος συντακτικά
Τι κάνει η παρακάτω CSS ιδιότητα;
border: 1px solid #333;
Καθορίζει το μέγεθος των κελιών
Ορίζει περιγράμματα γύρω από τα στοιχεία
Κάνει τα γράμματα έντονα
Αλλάζει το χρώμα του φόντου
Ποιος από τους παρακάτω είναι σωστός HTML κώδικας για να δημιουργηθεί σύνδεσμος προς τη σελίδα του YouTube;
<a href="https://www.youtube.com">YouTube</a>
<a link="www.youtube.com">YouTube</a>
<link href="https://youtube.com">YouTube</link>
Εμφανίζει μια εικόνα με link
Εμφανίζει μια λίστα συνδέσμων
Δημιουργεί έναν σύνδεσμο με τη λέξη Wikipedia
Δημιουργεί μια επικεφαλίδα
Ποιο χαρακτηριστικό (attribute) χρησιμοποιείται μέσα στην ετικέτα <a> για να ορίσει τη διεύθυνση του συνδέσμου;
src
link
href
url
Ποια ετικέτα χρησιμοποιείται για να δημιουργήσουμε μια νέα γραμμή σε έναν πίνακα;
<td>
<th>
<tr>
<row>
τι κάνει η εντολή CSS text-align: center; όταν εφαρμόζεται σε <th> ή <td>;
Χρωματίζει το κελί
Τοποθετεί το κείμενο στο κέντρο του κελιού
Αυξάνει το μέγεθος του κειμένου
Δημιουργεί νέο κελί
Πώς μπορούμε να κάνουμε τον πίνακα να γεμίσει το 60% του πλάτους της σελίδας;
table-size: 60%;
width: 60px;
width: 60%;
table-width: 60%;
Συμπλήρωσε τον παρακάτω κώδικα με το κατάλληλο href ώστε ο σύνδεσμος να οδηγεί στη σελίδα του Google
<a _______>Google</a>
src="https://www.google.com"
href="https://www.google.com"
url="www.google.com"
link="https://google.com"
Ποιο στοιχείο χρησιμοποιείται για να δημιουργήσεις μια λίστα με αριθμημένα στοιχεία;
(a)
Ποια ιδιότητα CSS χρησιμοποιείται για να κεντράρεις ένα στοιχείο οριζόντια μέσα στον γονικό του;
text-align: center;
margin: auto;
align-items: center;
justify-content: center;
Για δημιουργία αριθμημένης λίστας θα βάλω την ετικέτα?
<list>
<ol>
<li>
<ul>
Η CSS χρησιμοποιείται για να ορίσω την εμφάνιση της σελίδας μου ?
Ναι
Όχι
Στην css για να αλλάξω το χρώμα του background βάζω ?
background-color: purple;
background-color = "purple";
backgroundcolor=orange
change-background-color: purple
Τι σημαίνει CSS;
Colorful Style Sheets
Computer Style Sheets
Creative Style Sheets
Cascading Style Sheets
Ποια παράμετρος χρησιμοποιείται για να εφαρμοστεί inline CSS μορφοποίηση στην HTML?
style
body
title
head
Πώς ορίζεται η font family (οικογένεια γραμματοσειράς) στα CSS;
font-family
font-style
text-font
family-font
Η παρακάτω ετικέτα θα χρησιμοποιηθεί για να δώσει πράσινο (green) χρώμα στο υπόβαθρο μίας παραγράφου:
<p style="background-color: beige">
<body style="background-color: green">
<p style="background-color: green">
<body style="background-color: beige">
Mε πόσους τρόπους μπορούμε να ενσωματτώσουμε τα css στη σελίδα html
2
4
3
6
Το στυλ td {...} εφαρμόζεται σε:
όλους τους πίνακες
σε όλες τις γραμμές πινάκων
σε όλα τα κελιά πινάκων
όλα τα παραπάνω
Τι κάνει η ετικέτα <td>;
Ορίζει τον τίτλο μιας ιστοσελίδας
Ορίζει ένα κελί σε μια γραμμή πίνακα
Δημιουργεί μια νέα στήλη
Ορίζει μια κεφαλίδα πίνακα
Αν δώσω τον παρακάτω κώδικα ποιο θα είναι το αποτέλεσμα
