Υποενότητα 5.3: Χρήσιμα στοιχεία

Άσκηση

Περισσότερες πληροφορίες για τα στοιχεία div και span: https://www.w3schools.com/html/html_blocks.asp

Άσκηση

  1. Ανοίξτε τον επεξεργαστή κώδικα, δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το ως exersice05.3.01.html στον φάκελο "Exercises".
  2. Χρησιμοποιήστε κώδικα από αυτήν την υποενότητα και επικολλήστε τον στο αρχείο αυτό.
  3. Επεξεργαστείτε το αρχείο. Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα:

Λύση:

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      .myol { margin:0px; padding-right:10px}
      .floatLeft{float:left}
      .cl1 {background:yellow; font-size:1em; font-family:courier; width:20%}
      .myspan{color:red; font-size:1.2em}
    </style>
  </head>
  <body>
    <ol class="myol floatLeft " > <li>First item</li> <li>Second <span class="myspan">item</span></li> </ol>
    <div class="cl1 floatLeft">This is a div with a yellow background </div>
  </body>
</html>