Παρουσίαση και μορφοποίηση κειμένου

HTML
DOWNLOAD

Μέγεθος: px

Εμφάνιση ξεκινά από τη σελίδα:

Download "Παρουσίαση και μορφοποίηση κειμένου"

Έχω Αποστόλου
8 χρόνια πριν
Προβολές:

1 HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το λόγο χρησιμοποιούμε ειδικές ετικέτες <tags> για τους σκοπούς αυτούς : Ετικέτα <br> <p>... </p> Λειτουργία χρησιμοποιείται για την αλλαγή γραμμής στο σημείο που την τοποθετούμε. χρησιμοποιείται για τη δημιουργία και αλλαγή παραγράφου 1

2 Παρουσίαση και μορφοποίηση κειμένου Οι πιο σημαντικές ετικέτες διαμόρφωσης κειμένου είναι οι : Ετικέτα <b>...</b> <i>...</i> <u>...</u> <small>...</small> <big>...</big> Λειτουργία με έντονη γραφή (bold) με πλάγια γραφή (italic) με υπογράμμιση (underline) με μικρό μέγεθος χαρακτήρων. με μεγάλο μέγεθος χαρακτήρων. 2

3 Παρουσίαση και μορφοποίηση κειμένου Ετικέτα <sub>...</sub> <sup>...</sup> <hr> <center>...</center> <h1>...</h1>.. <h6>...</h6> Λειτουργία με μορφή δείκτη. με μορφή εκθέτη Εμφανίζει μία οριζόντια γραμμή, αλλάζοντας αυτόματα γραμμή κεντραρισμένο στην οθόνη του φυλλομετρητή. με μεγάλο μέγεθος χαρακτήρων για Η1 και μικρό μέγεθος για Η6.Τα ενδιάμεσα νούμερα Η2, Η3 κλπ δίνουν ενδιάμεσα μεγέθη.οι ετικέτες <Η>..</Η> αφήνουν μία κενή γραμμή πριν και μετά το κείμενο. 3

4 Υπόβαθρο, γραμματοσειρά και χρώμα κειμένου Η δήλωση του χρώματος υποβάθρου και του κειμένου της σελίδας γίνεται μέσα στην ετικέτα <body>. <body bgcolor = '' χρώμα '' text= '' χρώμα '' > Το χρώμα και η γραμματοσειρά σε διάφορα σημεία του κειμένου μεταβάλλονται με τη χρήση της ετικέτας <font>...</font> και συγκεκριμένα μέσα στη <font>. <font face ='' όνομα γραμματοσειράς '' color = '' χρώμα '' > Παράμετρος Λειτουργία bgcolor = ''χρώμα'' text= ''χρώμα'' face= '' όνομα '' color=''χρώμα '' Χρώμα υποβάθρου (background) Χρώμα κειμένου Όνομα γραμματοσειράς Χρώμα κειμένου 4

5 Κατάλογοι - λίστες HTML[ετικέτες] Για την καλύτερη παρουσίαση του κειμένου ιστοσελίδας, χρειάζεται πολλές φορές να οργανώσουμε το κείμενό μας σε καταλόγους. Οι πιο βασικοί κατάλογοι που μπορούμε να δημιουργήσουμε με την HTML είναι τρεις : Οι αριθμητικοί κατάλογοι Οι μη αριθμητικοί ή μη ταξινομημένοι κατάλογοι Οι κατάλογοι ορισμών

6 Αριθμητικοί κατάλογοι Παρουσιάζουν τα στοιχεία κατά αύξουσα αριθμητική σειρά. Η δομή ετικέτας αριθμητικού καταλόγου είναι η παρακάτω : <ol> <li>στοιχείο καταλόγου <li>στοιχείο καταλόγου... <il>στοιχείο καταλόγου </ol> (ετικέτα έναρξης αριθμητικού καταλόγου) (δηλώνει το πρώτο στοιχείο του καταλόγου) (δηλώνει το δεύτερο στοιχείο του καταλόγου) (δηλώνει το τελευταίο στοιχείο του καταλόγου) (δηλώνει το τέλος του αριθμητικού καταλόγου)

7 Αριθμητικοί κατάλογοι - παράμετροι Στην ετικέτα έναρξης του αριθμητικού καταλόγου <OL> μπορούμε να χρησιμοποιήσουμε δύο παραμέτρους, την type και την start ως εξής : <ol type= τιμή start= τιμή> Η type δηλώνει το είδος της αριθμητικής λίστας και η start την τιμή έναρξης αρίθμησης. type Παρατήρηση 1 Κάποια αριθμητική τιμή A a i Τιμές από Α ως Ζ Τιμές από a ως z Κάποια αριθμητική τιμή σε λατινικούς χαρακτήρες

8 HTML Μη ταξινομημένοι ή μη αριθμητικοί κατάλογοι Παρουσιάζουν τα στοιχεία χωρίς αυτά να είναι ταξινομημένα με κάποια ιδιαίτερη σειρά. Η δομή ετικέτας μη αριθμητικού καταλόγου είναι η παρακάτω : <ul> <li>στοιχείο καταλόγου <li>στοιχείο καταλόγου... <li>στοιχείο καταλόγου </ul> (ετικέτα έναρξης μη αριθμητικού καταλόγου) (δηλώνει ένα στοιχείο του καταλόγου) (δηλώνει ένα στοιχείο του καταλόγου) (δηλώνειένα στοιχείο του καταλόγου) (δηλώνει το τέλος του μη αριθμητικού καταλόγου)

9 Μη ταξινομημένοι κατάλογοι - παράμετροι Στην ετικέτα έναρξης του μη αριθμητικού καταλόγου <ul> ή στην ετικέτα στοιχείου καταλόγου <li> μπορούμε να χρησιμοποιήσουμε μία παράμετρο, την type ως εξής : <ul type= τιμή > ή <li type= τιμή> Η type δηλώνει το είδος του συμβόλου που θα τοποθετηθεί μπροστά από τα στοιχεία της λίστας. type disk circle square Είδος συμβόλου Μαύρος δίσκος Κύκλος Τετράγωνο

10 Κατάλογοι ορισμών HTML[ετικέτες] Χρησιμοποιούνται για την παρουσίαση ορισμών και των επεξηγήσεών τους, και για αυτό το λόγο ονομάζονται και επεξηγηματικοί. Για τη δημιουργία καταλόγου ορισμών έχουμε την παρακάτω δομή ετικέτας: <dl> (ετικέτα έναρξης ερμηνευτικού καταλόγου) <dt>όρος που θα επεξηγηθεί (ετικέτα όρου προς εξήγηση) <dt>επεξήγηση όρου (ετικέτα επεξήγησης όρου)... <dt>όρος που θα επεξηγηθεί (ετικέτα όρου προς εξήγηση) <dt>επεξήγηση όρου (ετικέτα επεξήγησης όρου) </dl> (ετικέτα τέλους ερμηνευτικού καταλόγου)

Σχετικά έγγραφα

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο: