e-Learning Education

6. Παράγραφοι HTML

Οι παράγραφοι html

Παράγραφοι html

Σε αυτό το μάθημα θα δούμε την δήλωση και τα χαρακτηριστικά που έχουν οι παράγραφοι html. Να θυμηθούμε στο σημείο αυτό ότι υπάρχουν προγράμματα εισαγωγής κειμένου και αυτόματης μετατροπής σε html κώδικα όπως το Adobe Dreamweaver. Τα προγράμματα αυτά ονομάζονται WYSIWYG (What You See Is What You Get) editors.

Μια παράγραφος κειμένου έχει το χαρακτηριστικό ότι υπάρχει μια κενή γραμμή πριν και μετά από αυτήν γεγονός που την κάνει να ξεχωρίζει από το υπόλοιπο κείμενο. Η παράγραφος περικλείεται από τις ετικέτες ανοίγματος και κλεισίματος <p>…</p>.

Αυτό το κείμενο ανήκει σε μία μικρή παράγραφο η οποία αποτελείται από μερικές λέξεις.

Οι παράγραφοι html

Ετικέτα αλλαγής γραμμής – <br/>

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

Όταν εισάγουμε κείμενο σε πρόγραμμα εισαγωγής κειμένου, όπως αναφέρθηκε στην αρχή, τότε μπορούμε να εισάγουμε αλλαγή γραμμής με τον συνδυασμό πλήκτρων ctrl+enter. Το αποτέλεσμα στον κώδικα θα είναι η εισαγωγή της ετικέτας <br /> στο σημείο στο οποίο εφαρμόσαμε την αλλαγή γραμμής.

Ετικέτα αλλαγής γραμμή

Εισαγωγή κενών διαστημάτων

Σε έναν WYSIWYG editor όταν εισάγουμε κείμενο τότε δεν μπορούμε να εισάγουμε περισσότερα από ένα κενά διαστήματα, δηλαδή τα κενά μεταξύ των λέξεων. Για να το κάνουμε αυτό τότε στον κώδικα html πρέπει να χρησιμοποιήσουμε κάποιες κωδικές ονομασίες, html edities, όπως ονομάζονται. Μια από αυτές είναι αυτή του κενού διαστήματος: &nbsp;.

Αυτό παράδειγμα δείχνει την χρήση αυτή. Παρατηρήστε ότι μετά την φράση Αυτά είναι υπάρχουν 4 html edities τα οποία δίνουν 4 κενά.

Εισαγωγή κενών διαστημάτων

Κενά διαστήματα με χρήση της ετικέτας <pre>

Οι παράγραφοι HTML βλέπουμε πως δεν εξυπηρετούν πάντα. Σε περίπτωση που θέλουμε να εισάγουμε κείμενο με κενά διαστήματα, όπως οι εσοχές, τότε μπορούμε να χρησιμοποιήσουμε το ζευγάρι των ετικετών <pre>…</pre>.

Στο παράδειγμα αυτό παρατηρούμε ότι στο κείμενο, εντώς των ετικετών pre υπάρχουν κενά πριν από κάθε γραμμή. Τα κενά αυτά αναγνωρίζονται αυτόματα και στον κώδικα. Με τον τρόπο αυτό, μπορούμε να αποφύγουμε την χρήση του κώδικα &nbsp;. Παρατηρούμε τέλος ότι το κείμενο έχει γραμματοσειρά διαφορετική από το κείμενο σε παράγραφο.

Κενά διαστήματα με χρήση της ετικέτας <pre>

Επίλογος

Στο μάθημα αυτό είδαμε πως χρησιμοποιούνται και τι χαρακτηριστικά έχουν οι παράγραφοι HTML.