Κάρτες HTML

Χορηγός κατηγορίας

Η HTML (HyperText Markup Language) είναι η πρότυπη γλώσσα σήμανσης που χρησιμοποιείται για τη δημιουργία ιστοσελίδων, αναπτυγμένη από τον Tim Berners-Lee. Είναι η θεμελιώδης γλώσσα του Παγκόσμιου Ιστού, σχεδιασμένη για τη δομή και την παρουσίαση περιεχομένου στο διαδίκτυο. Η HTML χαρακτηρίζεται από απλότητα και καθολικότητα, επιτρέποντας τη δημιουργία τόσο απλών όσο και σύνθετων διατάξεων ιστοσελίδων. Αυτή η γλώσσα προσφέρει ένα ευρύ φάσμα ετικετών και ιδιοτήτων, παρέχοντας στους προγραμματιστές εργαλεία για τον ορισμό επικεφαλίδων, παραγράφων, λιστών, συνδέσμων, εικόνων και άλλων στοιχείων σελίδας. Η HTML υποστηρίζει επίσης την ενσωμάτωση με CSS για στυλιστική μορφοποίηση και JavaScript για δυναμική λειτουργικότητα, διατηρώντας την προσβασιμότητα και τη συμβατότητα σε διαφορετικούς περιηγητές και συσκευές.

Η εφαρμογή μας με κάρτες περιλαμβάνει προσεκτικά επιλεγμένες ερωτήσεις συνέντευξης HTML με ολοκληρωμένες απαντήσεις που θα σας προετοιμάσουν αποτελεσματικά για οποιαδήποτε συνέντευξη που απαιτεί γνώση HTML. Οι IT Κάρτες δεν είναι μόνο ένα εργαλείο για όσους αναζητούν εργασία - είναι ένας εξαιρετικός τρόπος να ενισχύσετε και να δοκιμάσετε τις γνώσεις σας, ανεξάρτητα από τα τρέχοντα επαγγελματικά σας σχέδια. Η τακτική χρήση της εφαρμογής θα σας βοηθήσει να παραμένετε ενημερωμένοι με τις τελευταίες τάσεις της HTML και να διατηρείτε τις δεξιότητές σας σε υψηλό επίπεδο.

Δείγμα καρτών HTML από την εφαρμογή μας

Κατεβάστε την εφαρμογή μας από το App Store ή το Google Play για να αποκτήσετε περισσότερες δωρεάν καρτέλες μάθησης ή εγγραφείτε για πρόσβαση σε όλες τις καρτέλες μάθησης.

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

Στο HTML, η ετικέτα a χρησιμοποιείται για τη δημιουργία υπερσυνδέσεων.

Η ετικέτα a μπορεί να περιέχει κείμενο και εικόνες. Όταν κάποιος κάνει κλικ σε αυτό το στοιχείο, ανακατευθύνεται στη σελίδα, στον πόρο ή στο αρχείο που παρέχεται στο χαρακτηριστικό href.

Για να δημιουργήσουμε έναν σύνδεσμο σε μια άλλη σελίδα, χρησιμοποιούμε την ετικέτα a όπως αυτό:
<a href="https://example.com">Κάνε με κλίκ</a>

Το "Κάνε με κλίκ" είναι ορατό στους χρήστες και όταν κάνουν κλικ σε αυτό το κείμενο, θα ανακατευθυνθούν στη σελίδα "https://example.com".

Ένα άλλο σημαντικό χαρακτηριστικό που μπορεί να χρησιμοποιηθεί στην ετικέτα a είναι το target. Το χαρακτηριστικό target καθορίζει πού θα ανοίξει ο σύνδεσμος. Για παράδειγμα, αν θέλουμε ο σύνδεσμος να ανοίξει σε ένα νέο παράθυρο, χρησιμοποιούμε το χαρακτηριστικό target με την τιμή "_blank":
<a href="https://example.com" target="_blank">Κάνε με κλίκ</a>

Ποια ετικέτα θα χρησιμοποιούσατε για να εισαγάγετε μια εικόνα σε έναν ιστότοπο;

Χρησιμοποιούμε την ετικέτα img για την εισαγωγή μιας εικόνας σε μια ιστοσελίδα. Το χαρακτηριστικό αυτής της ετικέτας που είναι απαραίτητο για τη σωστή λειτουργία της είναι το src (source). Αυτό παίρνει μια τιμή που είναι η διαδρομή προς το αρχείο από το οποίο πρέπει να φορτωθεί η εικόνα. Για παράδειγμα, για να προσθέσετε την εικόνα 'cat.jpg' από τον κεντρικό κατάλογό μας, θα χρησιμοποιούσαμε:
<img src="cat.jpg" alt="Περιγραφή της εικόνας"/>

Η τιμή του χαρακτηριστικού alt είναι το κείμενο που θα εμφανίζεται αν η εικόνα δεν μπορεί να φορτωθεί για κάποιο λόγο. Επιπλέον, χρησιμοποιείται για τις οθόνες ανάγνωσης για τα άτομα με προβλήματα όρασης, οπότε αξίζει να συμπεριλάβετε μια σύντομη περιγραφή της εικόνας εκεί.

Τι είναι η ετικέτα <p> και για τι χρησιμοποιείται;

Η ετικέτα `<p>` είναι μία από τις βασικές ετικέτες στο HTML, που χρησιμοποιείται για τον καθορισμό παραγράφων. Περιέχει οποιοδήποτε μπλοκ κειμένου και άλλα ενσωματωμένα στοιχεία όπως σύνδεσμοι, εικόνες, σελίδες, κ.λπ.

Η βασική χρήση της ετικέτας `<p>` είναι κάπως έτσι:
<p>Εδώ είναι κάποιο κείμενο στην παράγραφο.</p>

Η ετικέτα `<p>` είναι ένα στοιχείο επιπέδου μπλοκ, που σημαίνει ότι ξεκινάει πάντα από μια νέα γραμμή και τελειώνει στο τέλος του στοιχείου μπλοκ. Από προεπιλογή, ο browser προσθέτει κάθετα περιθώρια σε κάθε στοιχείο `<p>`, προκαλώντας διαλείμματα μεταξύ των παραγράφων. Ωστόσο, δεν προσθέτει χειροκίνητα οριζόντια περιθώρια, οπότε χωρίς επιπλέον στυλιστική διαμόρφωση, το κείμενο θα εκτείνεται από άκρη σε άκρη.

Αυτός είναι ο βασικός και πιο σημαντικός τρόπος για να διαιρέσετε το κείμενο σε μια δομή παραγράφων στο HTML. Μπορεί να στυλιστεί με CSS για καλύτερη εμφάνιση.

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

Μια ταξινομημένη λίστα, γνωστή και ως προσυπογραφημένη λίστα, είναι μια είδος λίστας όπου τα αντικείμενα είναι σαφώς αριθμημένα, υποδεικνύοντας ότι η σειρά των αντικειμένων έχει σημασία. Μια ταξινομημένη λίστα χρησιμοποιείται όταν οι πληροφορίες πρέπει να παρουσιαστούν με συγκεκριμένη σειρά, όπως βήματα σε συνταγή μαγειρικής ή μια λίστα κατάταξης.

Στο HTML, μια ταξινομημένη λίστα δημιουργείται χρησιμοποιώντας την ετικέτα [ol] (ταξινομημένη λίστα), και κάθε αντικείμενο της λίστας ορίζεται από την ετικέτα [li] (στοιχείο λίστας). Κάθε στοιχείο στη λίστα ξεκινά σε μια νέα γραμμή και είναι αυτόματα αριθμημένο.

Αυτό είναι ένα παράδειγμα πώς να χρησιμοποιήσετε αυτές τις ετικέτες για να δημιουργήσετε μια ταξινομημένη λίστα:
<ol>
  <li>Πρώτο στοιχείο</li>
  <li>Δεύτερο στοιχείο</li>
  <li>Τρίτο στοιχείο</li>
</ol>

Στο παραπάνω παράδειγμα, στη σελίδα θα δείτε μια λίστα με τρία αριθμημένα στοιχεία.

Λήψη IT Flashcards Τώρα

Διευρύνετε τις γνώσεις σας στην HTML με τις κάρτες μας.
Από τα βασικά του προγραμματισμού έως την κατάκτηση προηγμένων τεχνολογιών, το IT Flashcards είναι το διαβατήριό σας για την αριστεία στο IT.
Κατεβάστε τώρα και ανακαλύψτε το δυναμικό σας στον σημερινό ανταγωνιστικό κόσμο της τεχνολογίας.

App Store Play Store