Παρασκευή, 13 Μαρτίου 2009

Απλές ετικέτες html

H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίηση υπερκειμένου) και είναι η βασική γλώσσα δόμηση σελίδων του World Wide Web (ή απλά ιστού: Web). Είναι μία γλώσσα προγραμματισμού. Χρησιμοποιείται για να σημαίνει ένα τμήμα κειμένου και να το κάνει να εμφανίζεται καλύτερα. Επιτρέπει την ενσωμάτωση ήχου και εικόνων στις web σελίδες. Αρχικά είχε κατασκευασθεί με σκοπό μόνο την μορφοποίηση κειμένου, αλλά μεγάλωσε και ενσωμάτωσε σχεδιαστικές τεχνικές κ.α.
Η γλώσσα χρησιμοποιεί ένα αριθμό από ετικέτες για την μορφοποίηση κειμένου, για την δημιουργία συνδέσμων (links) μετάβασης ανάμεσα των σελίδα, για την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας Web Browser ανοίγει ένα αρχείο HTML τα στοιχεία (ετικέτες) μεταφράζονται σε κατάλληλα χαρακτηριστικά με αποτελέσματα στην εμφάνιση και στην λειτουργικότητα της σελίδας.

Για να γράψουμε μια λέξη με έντονα γράμματα (bold)


<b>εδώ γράφουμε το κείμενο</b>

Το κείμενο θα φαίνεται
εδώ γράφουμε το κείμενο

Για να γράψουμε μια λέξη με πλάγια γράμματα (italic)

<i>εδώ γράφουμε το κείμενο</i>
Το κείμενο θα φαίνεται

εδώ γράφουμε το κείμενο

Για να γράψουμε μια λέξη με έντονα και πλάγια γράμματα
<b><i>εδώ γράφουμε το κείμενο</i></b>

Το κείμενο θα φαίνεται
εδώ γράφουμε το κείμενο

Oι τρεις προηγούμενες ετικέτες δουλευουν και στα σχόλια
Oι επόμενες μόνο στα htnl gadget


Για να γράψουμε μια λέξη υπογραμμισμένη

<u>εδώ γράφουμε το κείμενο</u>

Το κείμενο θα φαίνεται
εδώ γράφουμε το κείμενο

Για να γράψουμε μια λέξη με έντονα γράμματα πλάγια και υπογραμμισμένη

<b><u><i>εδώ γράφουμε το κείμενο</i></u></b>

Το κείμενο θα φαίνεται

εδώ γράφουμε το κείμενο



Για να γράψουμε μια λέξη με χρωματιστά γράμματα

<font color="χρώμα">εδώ γράφουμε το κείμενο</font>

Πχ <font color="green">εδώ γράφουμε το κείμενο</font>
το κείμενο θα φαίνεται
εδώ γράφουμε το κείμενο

Κάποια από τα βασικά χρώματα αρκεί να τα γράψουμε με το όνομα τους η τον κωδικό τους.
aqua (#00FFFF)
gray (#808080)
navy (#000080)
silver (#C0C0C0)
black (#000000)
green (#008000)
olive (#808000)
teal (#008080)
blue (#0000FF)
lime (#00FF00)
purple (#800080)
yellow (#FFFF00)
fuchsia (#FF00FF)
maroon (#800000)
red (#FF0000)
white (#FFFFFF)

Για άλλα προσαρμοσμένα χρώματα μπορούμε να γράψουμε τον κωδικό τους

Για να γράφουμε σε διάφορα μεγέθη γραμματοσειράς

<font size="μέγεθος">εδώ γράφουμε το κείμενο</font>
<font size="5">εδώ γράφουμε το κείμενο</font>

το κείμενο θα φαίνεται
εδώ γράφουμε το κείμενο

το προ καθορισμένο μέγεθος είναι 3
μπορούμε να βάλουμε μεγέθη από 1 -5

Η δοκιμή
Για να δοκιμάσετε το αποτέλεσμα της εργασίας σας δεν είναι απαραίτητο να είστε στο ίντερνετ
Ανοίγουμε το σημειωματάριο
(άνοιγμα- όλα τα προγράμματα –βοηθήματα- σημειωματάριο)

Γράφουμε τον κώδικα και αποθηκεύουμε σαν html πχ test.html

Το αποτέλεσμα της αποθήκευσής μας ανοίγει σαν ιστοσελίδα και βλέπουμε τα αποτελέσματα της εργασίας μας

ΟΙ ΦΙΛΟΙ ΜΟΥ

ΒΑΘΜΟΛΟΓΗΣΤΕ