Η ετικέτα br

26 Ιούλ 2011 | Οδηγός HTML

Δεν επιτρέπονται τα σχόλια.


Στο παρών άρθρο θα σας παρουσιάσω την ετικέτα <br> η οποία υπαγορεύει στον περιηγητή διαδικτύου να δημιουργήσει μια νέα γραμμή στο σημείο που τοποθετούμε αυτή την ετικέτα. Ας δούμε την χρήση της ετικέτας <br> στην πράξη:

Ας κάνουμε ένα πείραμα. Ανοίξτε το Σημειωματάριο και πληκτρολογήστε τον κώδικα που ακολουθεί ακριβώς όπως τον βλέπετε. Κάντε αποθήκευση του εγγράφου σε ένα αρχείο html όπως έχουμε κάνει και σε προηγούμενα μαθήματα και ανοίξτε το αρχείο με τον web browser που σας αρέσει καλύτερα για να δείτε πως εμφανίζεται το έγγραφο.

<html>
<head>
<title>Δοκιμή για την ετικέτα br</title>
</head>
<body>
Αυτό είναι ένα πραγματικά μεγάλο κείμενο που αποτελείτε από τρις
προτάσεις και σας παρουσιάζει τον τρόπο λειτουργίας της
ετικέτας δημιουργίας νέας γραμμής. Αυτή η ετικέτα χρησιμοποιείτε συχνά
για να δημιουργήσει νέες γραμμές στον κώδικα μιας html σελίδας. Επίσης χρησιμοποιείτε
για να δημιουργήσει καινό χώρο σε ένα έγγραφο.
</body>
</html>

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

Αυτή τη φορά δοκιμάστε να πατήσετε το πλήκτρο Enter 10 φορές στο τέλος μιας γραμμής, αποθηκεύστε το αρχείο και κάντε ξανά προβολή. Θα παρατηρήσετε πως και τώρα δεν θα δημιουργηθούν νέες γραμμές. Αλλά γιατί; Αυτό συμβαίνει επειδή η HTML έχει συγκεκριμένη ετικέτα για να αφήνετε κενές γραμμές. Αυτή η ετικέτα είναι η <br>.

Έτσι για να προβάλετε το κείμενο με τις γραμμές ακριβώς όπως τις έχετε γράψει απλά αλλάξτε τον κώδικα που πληκτρολογήσατε προηγούμενος έτσι ώστε να μοιάζει με τον κώδικα που ακολουθεί:

<html>
<head>
<title>Δοκιμή για την ετικέτα br</title>
</head>
<body>
Αυτό είναι ένα πραγματικά μεγάλο κείμενο που αποτελείτε από τρις<br>
προτάσεις και σας παρουσιάζει τον τρόπο λειτουργίας της<br>
ετικέτας δημιουργίας νέας γραμμής. Αυτή η ετικέτα χρησιμοποιείτε συχνά<br>
για να δημιουργήσει νέες γραμμές στον κώδικα μιας html σελίδας. Επίσης χρησιμοποιείτε<br>
για να δημιουργήσει καινό χώρο σε ένα έγγραφο.
</body>
</html>

Το κείμενο με την ετικέτα <br> αυτή τη φορά θα πρέπει να εμφανίζετε στον Web Browser σε πέντε γραμμές.

Η ετικέτα <br> επίσης δεν έχει ετικέτα τερματισμού, οπότε δεν πρέπει να γράψετε την ετικέτα </br>. Μόνο η χρήση της εντολής <br> είναι αρκετή για να δημιουργήσει μια νέα γραμμή.

Η αντίθετη ετικέτα τη <br> είναι η ετικέτα <nobr> που σε αντίθεση με την <br> έχει ετικέτα τερματισμού.

Όταν χρησιμοποιείτε την ετικέτα <nobr>, το κείμενο μέσα στην ετικέτα δεν θα αναδιπλωθεί ακόμα και αν το πλάτος του ξεπερνά το συνολικό πλάτος του περιηγητή διαδικτύου. Σε αυτή την περίπτωση θα δημιουργηθεί μια οριζόντια μπάρα κύλισης στο κάτω μέρος του web browser.

Δοκιμάστε τον κώδικα που ακολουθεί για να δείτε πως λειτουργεί η ετικέτα <nobr>

<html>
<head>
<title>Testing the BR tag</title>
</head>
<body>
<nobr>
Αυτό είναι ένα μεγάλο τμήμα κειμένου το οποίο αποτελείτε από τρις
προτάσεις και προβάλει τη λειτουργία της ετικέτας nobr. Η ετικέτα nobr
υποχρεώνει το κείμενο μέσα στην ετικέτα αρχής και τερματισμού
να προβάλετε σε μια μόνο γραμμή και σαν αποτέλεσμα θα έχει να
εμφανίσει μια οριζόντια γραμμή κύλισης αν το κείμενο είναι πραγματικά πολύ μεγάλο και συνεχίζει
και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει
και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει
και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει
και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει
και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει και συνεχίζει
</nobr>
</body>
</html>

 

Περισσότερα για τον CorfuGmr

CorfuGmr

Ονομάζομαι Νίκος και ασχολούμαι με το internet και την κατασκευή ιστοσελίδων από το 1998. Σήμερα, μετά από 12 χρόνια γεμάτα με ενημέρωση, εκπαίδευση και εξάσκηση έχω ανεβάσει σε ένα άλλο επίπεδο τις γνώσεις μου και τις τεχνικές μου. Στα άρθρα μου προσπαθώ να σας δείξω τα μικρά, αλλά σημαντικά πράγματα που με έχουν ανεβάσει σε αυτό το επίπεδο.








Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Συγνώμη, τα σχόλια για αυτό το άρθρο είναι κλειστά.



^
Top
css.php