Μαθήματα HTML - Τα βασικά (2/5)

Τρίτη, 25 Μαΐου 2010

[x] Αποστολή σε φίλο

Για συντομία θα παραλείψουμε τα υπόλοιπα και θα γράφουμε μόνο τα BODY tags (<BODY> </BODY>). Συγκεκριμένα, θα παραλείψουμε τα <HTML>, <HEAD>, <TITLE> tags. Πρέπει όμως να τα κρατήσετε στο HTML Έγγραφό σας.

<BODY>
</BODY>

Γράψτε "Κάτι Πολύ Ωραίο".
<BODY>
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

(Όποτε κάνετε μια αλλαγή στο έγγραφό σας, απλώς αποθηκεύστε το και πατήστε F5 (refresh) στον φυλλομετρητή σας)

Το πρώτο πράγμα που πρέπει να μάθετε είναι να αλλάζετε τον φόντο (Background). Το λευκό δεν είναι και πολύ ωραίο.

<BODY BGCOLOR="#8080FF">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

(Το #8080FF είναι ο κωδικός για το χρώμα που βλέπετε παραπάνω. Εδώ θα βρείτε πολλά άλλα)

Μπορείτε επίσης να έχετε για φόντο 1 εικόνα ...

<BODY BACKGROUND="swirlies.gif">
Κάτι Πολύ Ωραίο
</BODY>

Είναι πιθανόν η εικόνα να μην φαίνεται ολόσωστα (Ανάλογα το μέγεθος και τον σχεδιασμό)

Μπορείτε να δημιουργήσετε ένα ωραίο εφε σαν το παρακάτω ...

<BODY BACKGROUND="bluebar.gif">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

Αυτή είναι η εικόνα φόντου
Blue Bar

(800x2)

Ας πάμε πίσω στην απλή σχεδίαση.

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>

Μπορούμε να μορφοποιήσουμε σε bold ...

<BODY BGCOLOR="#FFFFFF">
Κάτι ΠολύΩραίο
</BODY>


	Κάτι Πολύ Ωραίο

Διατάζουμε τον φυλλομετρητή μας τα εξής : Από το να αρχίσει να μορφοποιεί σε bold και στο να σταματήσει την μορφοποίηση με bold.

Το ίδιο γίνεται και με τα italics ...

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

...και με underlining ...

<BODY BGCOLOR="#FFFFFF">
ΚάτιΠολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

Πίσω ξανά στην απλή σχεδίαση.

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>

Μπορούμε να χρησιμοποιήσουμε τα tags με συνδυασμούς αν θελήσουμε ...

<BODY BGCOLOR="#FFFFFF">
Κάτι ΠολύΩραίο
</BODY>


	Κάτι Πολύ *Ωραίο*

Αυτό είναι ένα παράδειγμα από τα Nested tags. Αν θα χρησιμοποιήσετε tags ανά ζεύγη, τότε αποφύγετε να μπερδέψετε τον φυλλομετρητή σας, Επεξήγηση:

<THIS><THAT></THIS></THAT> Overlapping tags .... μπερδεύουν
<THIS><THAT></THAT></THIS> Nested tags .... ευανάγνωστα

Ένα πολύ χρήσιμο εφέ για το κείμενο είναι η mono-spaced γραμματοσειρά, ή Typewriter κείμενο ...

<BODY BGCOLOR="#FFFFFF">
<TT>Κάτι Πολύ Ωραίοl</TT>
</BODY>


	`Κάτι Πολύ Ωραίο`

Κάθε γράμμα χρησιμοποιεί το ίδιο χώρο οριζοντίως.

Ο συνήθης τύπος `->`	iiiiiiiiii oooooooooo mmmmmmmmmm
Ο monospaced τύπος `->`	`iiiiiiiiii oooooooooo mmmmmmmmmm`

Μπορείτε να αλλάξετε το μέγεθος της γραμματοσειράς ...

Πρώτα προσθέστε τα tags.

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>

Μετά προσθέτετε το μέγεθος.

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

Υπάρχουν 7 μεγέθη στις γραμματοσειρές ...

Προκύπτουν 2 θέματα για συζήτηση. Πρώτον ένα <TAG> διατάζει στον φυλλομετρητή σας να κάνει κάτι. Ένα ATTRIBUTE εισάγεται μέσα στο <TAG> λέγοντας τον φυλλομετρητή πως να το εκτελέσει.
Δεύτερον θέμα είναι για τα προκαθορισμένα. Όπως ξέρετε η προκαθορισμένη τιμή είναι μια τιμή την οποία ο φυλλομετρητής υποθέτει αν δεν την έχετε ορίσει. Ένα παράδειγμα είναι με το μέγεθος της γραμματοσειράς. Η προκαθορισμένη τιμή για το μέγεθος είναι το 3.

Κάθε φυλλομετρητής περιέχει τις προκαθορισμένες τιμές για τις γραμματοσειρές - όνομα γραμματοσειράς, μέγεθος και χρώμα. Αν δεν τα έχετε αλλάξει οι προκαθορισμένες τιμές είναι Αλλαγή Γραμματοσειράς Times New Roman 3 και μαύρο.

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

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

Μπορείτε επίσης να καθορίσετε περισσότερες από 1 γραμματοσειρές. Απλά κάντε το παρακάτω...
Hidee Ho
Για τους περίεργους διαβάστε τι συμβαίνει : Ο φυλλομετρητής θα ψάξει για την ARIAL. Αν την βρει θα την χρησιμοποιήσει. Αν όχι θα συνεχίσει στην HELVETICA. Αν δεν βρει κα αυτή τότε θα ψάξει για την LUCIDA SANS. Αν στο τέλος δεν βρει καμία θα χρησιμοποιήσει την προκαθορισμένη.

Μπορείτε να αλλάξετε το χρώμα της γραμματοσειράς σε ότι θέλετε...

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

Μπορείτε επίσης να χρησιμοποιήσετε περισσότερα από 1 ATTRIBUTES σε ένα <TAG>...

<BODY BGCOLOR="#FFFFFF">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο

Κάτι επιπλέον, πριν το τέλος του μαθήματος. Ο φυλλομετρητής έχει προκαθορισμένες τιμές για το χρώμα κειμένου, υπερσυνδέσμου, ενεργού υπερσυνδέσμου και υπερσυνδέσμου που ακολουθήθηκε. Τα προκαθορισμένα είναι τα εξής...

Κείμενο Είναι Μαύρο
Υπερσυνδέσμοι είναι μπλε
Ενεργοί Υπερσυνδέσμοι είναι κόκκινοι
Υπερσυνδέσμοι που ακολουθήθηκαν είναι μοβ

Μπορείτε να τα αλλάξετε αν προτιμάτε μέσα στο <BODY> tag.

<BODY BGCOLOR="#000000" TEXT="#FFFF00" LINK="#FF0000" VLINK="#800000" ALINK="#008000">
Κάτι Πολύ Ωραίο
</BODY>


	Κάτι Πολύ Ωραίο ------------- (Τα παρακάτω δεν θα εμφανιστούν) ------------- Υπερσυνδέσμοι είναι κόκκινοι Ενεργοί Υπερσυνδέσμοι είναι πράσινοι Υπερσυνδέσμοι που ακολουθήθηκαν είναι μπορντό

(Δεν υπάρχουν σχόλια)