Previous
Next

Επικεφαλίδες και παράγραφοι

Επικεφαλίδες HTML 

Το HTML έχει 6 επικεφαλίδες- headings : <h1>, <h2>,<h3>,<h4>,<h5> και <h6>.

Οι διάφορες επικεφαλίδες έχουν διαφορετική σημασία και διαφορετικό μέγεθος.

Η <h1> είναι η μεγαλύτερη και πιο σημαντική επικεφαλίδα ενώ η <h6> είναι η μικρότερη και λιγότερο σημαντική.

Έτσιι η σειρά είναι: <h1> > <h2> > <h3> > <h4> > <h5> > <h6>.

Είναι σημαντικό να χρησιμοποιείτε τις επικεφαλίδες για να δομείτε το έγγραφο. Για παράδειγμα, η κύρια επικεφαλίδα πρέπει να είναι μέσα σε ένα <h1> tag, ένας τίτλος σε <h2> tag και ένας υπότιτλός σε <h3> tag.

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

Παράγραφοι HTML 

Οι παράγραφοι σε μια HTML ορίζονται από το <p> στοιχείο-element. Οι παράγραφοι τοποθετούνται μέσα στο <body> αρχίζουν με  <p>και τελειώνουν με</p>.

Είναι σημαντικό να σημειωθεί ότι από προεπιλογή, τα προγράμματα περιήγησης αφήνουν κάποιο κενό πριν και μετά από μια παράγραφο, ώστε να διαφέρει από τις γειτονικές παραγράφους. Κάθε παράγραφος ξεκινά από μια νέα γραμμή. Μέσα στο  <p> δεν μπορείτε να μορφοποιήσετε την εμφάνιση του περιεχομένου σας προσθέτοντας κενά ή νέες γραμμές με το πλήκτρο Enter. Ο περιηγητής δεν θα τα εμφανίσει στη σελίδα.

Example

Άσκηση

  1. Ανοίξτε τον επεξεργαστή κώδικα και το αρχείο  exersice01.3.01.html 
  2. Αποθηκεύστε το ως  exersice01.3.02.html, στον φάκελο "Exercises"
  3. Αντιγράψτε τον παραπάνω κώδικα, επικολλήστε τον στο αρχείο και αποθηκεύστε το
  4. Δείτε το αρχείο στον browser
  5. Προσθέστε ένα ακόμα <h5> στοχείο και ένα  <p> στποιχείο. Μπορείτε να χρησιμοποιήσετε το ψευδο- κείμενο Lorem ipsum.
  6. Αποθηκεύστε και ανανεώστε τον browser για να δείτε το αποτέλεσμα 

Προσθέστε κενά διαστήματα και αποθηκεύστε. Τι βλέπετε στον browser?

Τα επιπλέον κενά διαστήματα δεν εμφανίζονται.
Previous
Next