Γράφοντας HTML | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |

6. Ετικέτες Στυλ

Ακριβώς σαν ένας επεξεργαστής κειμένου (π.χ. Word), η HTML δίνει εντολή στον web browser να εμφανίσει το κείμενο στα πλάγια (Italic), στα έντoνα (Bold) ή ακόμα και σε συνδυασμό των δύο.


Ετικέτες του στυλ

Η HTML προσφέρει αρκετές ετικέτες στυλ για το κείμενο σας. Προσπαθείστε να είστε διακριτικοί και συνετοί στις αποφάσεις σας. Αν το παρακάνετε, μπορεί το αποτέλεσμα να μην αρέσκει και να είναι δυσανάγνωστο.

Ετικέτες του στυλ
Κώδικας HTML Αποτέλεσμα

<b>This is Bold...</b> 

<i>This is Italic...</i>

<tt>This is Typewriter...</tt>
sample web page
This is Bold

This is Italic

This is Typewriter

Σημειώστε ότι μπορείτε να ενώσετε τις ετικέτες του στυλ σαν μία, χωρίς να ανησυχείτε για την σειρά που θα τις βάλετε.
Κώδικας HTML Αποτέλεσμα
<i><b>This is Bold AND
Italic</b></i>

<b><i>And So is This</i></b>
sample web page
This is Bold AND Italic

And So is This

Επίσης, μπορείτε να προσθέσετε ένα στυλ και στην επικεφαλίδα. Προσέξτε τα διαφορετικά στυλ που ανοίγουν και κλέινουν μέσα στην ετικέτα της επικεφαλίδας.
Κώδικας HTML Αποτέλεσμα
Κείμενο

<h2><i>New</i> and
<tt>Improved!</tt></h2>

Κείμενο

sample web page
Κείμενο

New

and Improved!

Κείμενο

Εισάγοντας το στυλ στο κείμενο της HTML

Σημείωση: Εάν δεν έχετε το κείμενο απο το προηγούμενο μάθημα, μπορείτε να το κατεβάσετε από εδώ.

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

  1. Ξανανοίξτε τον χώρο εργασία σας, εάν δεν το έχετε κάνει.
  2. Πηγαίνετε στο παράθυρο του text editor.
  3. Ανοίξτε το HTML αρχείο, volc.html.
  4. Βρείτε την λέξη volcano. Θα την κάνουμε bold για να φαίνετε σημαντική και να ξεχωρίζει σαν λέξη.
  5. Εισάγετε τις ετικέτες όπως παρακάτω:

        <b>volcano</b>

  1. Στη συνέχεια θα προσθέσουμε στυλ, bold και italic, σε μία λέξη στην επόμενη παράγραφο. Βάλτε τις ετικέτες <b>...</b> και <i>...</i> γύρω απο την λέξη billion, όπως παρακάτω:

              <p>
              Volcanoes have been a part of earth's history long
              before humans. Compare the history of human beings,
              a few million years in the making, to that of the Earth,
              over four <b><i>billion</i></b> years in the making.

  2. Τέλος, θα βάλουμε το στυλ typewriter για να ξεχωρίζει η λέξη Volcano Terminology, όπως δείχνει παρακάτω:

              The study of volcanoes, or <tt>Volcanology</tt>,
              includes many odd terms.

  3. Σώστε τις αλλαγές, επιστρέψτε στον browser και ξαναφορτώστε (Reload).

Τι ακολουθεί....

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

Γράφοντας HTML | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |