Ποια είναι η διαφορά μεταξύ των ετικετών <div>, <img> και <p>;

div - ένας καθολικός κοντέινερ για την ομαδοποίηση στοιχείων, δεν έχει σημασιολογική αξία. Χρησιμοποιείται συχνά για τη δημιουργία διατάξεων.

img - χρησιμοποιείται για την ενσωμάτωση εικόνων στο έγγραφο. Το υποχρεωτικό χαρακτηριστικό src δείχνει το μονοπάτι στο αρχείο εικόνας. Το χαρακτηριστικό alt παρέχει εναλλακτικό κείμενο για την προσβασιμότητα.

p - αντιπροσωπεύει μια παράγραφο κειμένου. Οι περιηγητές συνήθως προσθέτουν περιθώρια πριν και μετά το στοιχείο <p>.

Βασικές διαφορές:

Ετικέτα	Σκοπός	Σημασιολογία	Προεπιλεγμένη εμφάνιση
div	Κοντέινερ για ομαδοποίηση	Καμία	Μπλοκ
img	Ενσωμάτωση εικόνας	Αναφέρεται σε μια εικόνα	Σε γραμμή-μπλοκ
p	Αντιπροσωπεύει μια παράγραφο κειμένου	Αναφέρεται σε μια παράγραφο	Μπλοκ

Παράδειγμα:

<div>
  <h1>Τίτλος</h1>
  <p>Αυτό είναι ένα παράγραφο κειμένου.</p>
  <img src="image.jpg" alt="Περιγραφή εικόνας">
</div>