HTML λίστες - εικονες

Presentation

•

Computers

•

8th Grade

•

Practice Problem

•

Medium

Katerina Melissourgou

Used 28+ times

FREE Resource

9 Slides • 17 Questions

Μια μικρή επανάληψη

Multiple Choice

Κοιτάξτε τον παρακάτω κώδικα και προβλέψτε πώς θα εμφανίζονται οι επικεφαλίδες.
<h3> Eggs </h3>
<h1> Bacon </h1>
<h6> Waffles </h6>

Multiple Choice

HTML
<!DOCTYPE html>
<html>
<body>
<h2>My First Heading</h2>
<p>My first paragraph.</p>
</body>
</html>
Σύμφωνα με αυτό τον παραπάνω κώδικα τι κάνει η εντολή <!DOCTYPE html>

Δηλώνει ότι το έγγραφο είναι JavaScript.

Δηλώνει τη συμβατότητα του προγράμματος περιήγησης του εγγράφου.

Δηλώνει την έκδοση html που χρησιμοποιείται.

Καθορίζει την κωδικοποίηση χαρακτήρων για το έγγραφο HTML.

Multiple Choice

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

<!DOCTYPE HTML>

<!HTML5>

Multiple Choice

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

Html λίστες

Html εικόνες

Λίστες

Υπάρχουν δύο τύποι λιστών στην HTML,
οι ταξινομημένες <ol> και οι μη ταξινομημένες λίστες <ul>.

Μια μη ταξινομημένη λίστα είναι απλώς ένα σύνολο στοιχείων με κουκκίδες.

Κάθε στοιχείο στη λίστα επισημαίνεται με μια ετικέτα <li>.
Το <li> είναι θυγατρικό στοιχείο, που σημαίνει ότι εισέρχεται μέσα στο γονικό του στοιχείο, την ταξινομημένη <ol> ή την μη ταξινομημένη λίστα (<ul>) αντίστοιχα.

Παράδειγμα μη ταξινομημένης λίστας

Παράδειγμα ταξινομημένης λίστας

Multiple Choice

Ποια από αυτές τις ετικέτες δημιουργεί μια μη ταξινομημένη λίστα

<li>

<ol>

<ul>

<item>

Multiple Choice

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

<li>

<ol>

<ul>

<item>

Multiple Choice

Τι τύπος λίστας είναι ?

Ταξινομημένη

Μη ταξινομημένη

Multiple Choice

Ποια είναι η σωστή ετικέτα HTML για να ξεκινήσετε μια ταξινομημένη λίστα;

<list>

<or>

<ol>

Εικόνες

Οι ιστοσελίδες περιέχουν εικόνες

Η ετικέτα <img>

Η ετικέτα <img> στην HTML χρησιμοποιείται για την ενσωμάτωση μιας εικόνας σε μια ιστοσελίδα.

Οι εικόνες δεν εισάγονται τεχνικά σε μια ιστοσελίδα.
Οι εικόνες συνδέονται με ιστοσελίδες.
Η ετικέτα <img> δημιουργεί ένα κενό χώρο για την αναφερόμενη εικόνα και δεν έχει tag κλεισίματος.

Και έχει δύο απαιτούμενα χαρακτηριστικά:

src - Το οποίο καθορίζει τη διαδρομή προς την εικόνα
alt - Το οποίο καθορίζει ένα εναλλακτικό κείμενο για την εικόνα

Multiple Choice

src - Καθορίζει τη διαδρομή προς την εικόνα

ΣΩΣΤΟ

ΛΑΘΟΣ

Multiple Choice

alt - Καθορίζει μια εναλλακτική εικόνα σε περίπτωση που η εικόνα δεν μπορεί να διαβαστεί

ΣΩΣΤΟ

ΛΑΘΟΣ

Multiple Choice

Το <img> tag είναι κενό, περιέχει μόνο χαρακτηριστικά και δεν έχει tag κλεισίματος.

ΣΩΣΤΟ

ΛΑΘΟΣ

Multiple Choice

Καθορίστε ένα εναλλακτικό κείμενο για την εικόνα.

Το εναλλακτικό κείμενο πρέπει να λέει "Smiley".

Το εναλλακτικό κείμενο είναι χρήσιμο όταν δεν είναι δυνατή η εμφάνιση της εικόνας

Multiple Choice

Γιατί πρέπει να χρησιμοποιείται το χαρακτηριστικό alt σε ένα στοιχείο εικόνας HTML;

Για να βρείτε μια εναλλακτική εικόνα εάν αυτή που θέλετε δεν λειτουργεί

Για να στείλετε το χρήστη σε άλλη ιστοσελίδα όπου μπορεί να βρει τη σωστή εικόνα

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

Multiple Choice

Ποια ετικέτα πρέπει να χρησιμοποιηθεί για να συμπεριλάβει την ακόλουθη εικόνα: cat.jpeg;

Multiple Choice

Τι πρέπει να αλλάξω σχετικά με αυτήν την ετικέτα για να αλλάξω την εικόνα που θα εμφανίζεται;
<img src="cat.jpeg" alt="cat jumping"/>

cat.jpeg

cat jumping

Fill in the Blank

Τι λείπει από αυτήν την ετικέτα εικόνας;
<img="cat.jpeg" alt="cat"/>

Type your answer in the boxes

Μέγεθος εικόνας - πλάτος και ύψος

Μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό style για να καθορίσετε το πλάτος και το ύψος μιας εικόνας.

<img src="img_girl.jpg" alt="εδώ ειναι μια εικόνα" style="width:500px;height:600px;">
ή
απλά τα χαρακτηριστικά width και height
<img src="img_girl.jpg" alt="εδώ ειναι μια εικόνα" width="500" height="600">

Fill in the Blank

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

Type your answer in the boxes

Μια μικρή επανάληψη

Show answer

Auto Play

Slide 1 / 26

SLIDE

Similar Resources on Wayground

20 questions

Pertumbuhan Ilmu Pengetahuan Pada Masa Abasiyah

Lesson

•

8th Grade

19 questions

Quadratic Formula & the Discriminant

Lesson

•

8th Grade

19 questions

Y8 T1W1 Lesson 2: HTML Tags

Lesson

•

8th Grade

18 questions

HTML Review

Lesson

•

8th Grade

18 questions

L3_Bài 09. Cài đặt mặc định phần mềm_

Lesson

•

8th Grade

20 questions

7 класс 4 четверть 1 урок

Lesson

•

21 questions

8.18 Declaration of Independence

Lesson

•

8th Grade

19 questions

Square Root and Cube Root Review

Lesson

•

8th Grade

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

10 questions

Probability Practice

Quiz

•

4th Grade

15 questions

Probability on Number LIne

Quiz

•

4th Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

6 questions

Appropriate Chromebook Usage

Lesson

•

7th Grade

10 questions

Greek Bases tele and phon

Quiz

•

6th - 8th Grade

Discover more resources for Computers

10 questions

Exploring Digital Citizenship Essentials

Interactive video

•

6th - 10th Grade

10 questions

Understanding Computers and Computer Engineering

Interactive video

•

7th - 12th Grade