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

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

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

Ανάλυση Οθόνης
Πολλοί αναρωτιούνται σε τι μέγεθος θα κατασκευάσουν τις Ιστοσελίδες τους. Εμείς ακολουθούμε την τεχνική του 800x600. Οι περισσότεροι χρήστες του Internet χρησιμοποιούν 800x600 για ανάλυση οθόνης και αρκετοί 1024x768 , ενώ ελάχιστοι 640x480.


640×480	800×600	1024×768

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

Αριθμημένη

καθάρισμα
αλεύρωμα
τηγάνισμα

Μη Αριθμημένη

κόκκινο
μπλε
πράσινο

Πρώτα θα φτιάξουμε μια μη αριθμημένη λίστα. Είναι πιο εύκολη.
Αρχίστε κάπως έτσι...

<BODY BGCOLOR="#FFFFFF">
Τι θέλω για τα Χριστούγεννα
</BODY>


	Τι θέλω για τα Χριστούγεννα

(Σημείωση - Δεν αρχίσαμε ακόμη την λίστα. Το χρησιμοποιήσαμε σαν επικεφαλίδα.)

Πρόσθεση των tags της μη αριθμημένης λίστας...

<BODY BGCOLOR="#FFFFFF">
Τι θέλω για τα Χριστούγεννα
<UL>
</UL>
</BODY>

Προσθήκη αντικειμένου...

<BODY BGCOLOR="#FFFFFF">
Τι θέλω για τα Χριστούγεννα
<UL>
<LI>Ένα Domain
</UL>
</BODY>


	Τι θέλω για τα Χριστούγεννα Ένα Domain

Προσθέστε μερικά ακόμη...

<BODY BGCOLOR="#FFFFFF">
Τι θέλω για τα Χριστούγεννα
<UL>
<LI>Ένα Domain
<LI>Ένα Web Hosting
</UL>
</BODY>


	Τι θέλω για τα Χριστούγεννα Ένα Domain Ένα Web Hosting

Για να φτιάξετε μια αριθμημένη λίστα. Απλά αλλάξτε τα <UL> tags σε <OL>

<BODY BGCOLOR="#FFFFFF">
Τι θέλω για τα Χριστούγεννα
<OL>
<LI>Ένα Doamin
<LI>Ένα Web Hosting
</OL>
</BODY>


	Τι θέλω για τα Χριστούγεννα Ένα Domain Ένα Web Hosting

Ακόμη ένα είδους λίστας είναι η σημασιολογική λίστα (ή λίστα προσδιορισμού).

HTML: Είναι μια γλώσσα προγραμματισμού και προέρχεται από τα αρχικά των λέξεωνHyper Text Mark-up Language. Χρησιμοποιείται για την κατασκευή Ιστοσελίδων.

Αρχίστε κάπως έτσι...<BODY BGCOLOR="#FFFFFF">
<DL>
</DL>
</BODY>

Μετά προσθέστε τον όρο...

<BODY BGCOLOR="#FFFFFF">
<DL>
<DT>HTML
</DL>
</BODY>


	HTML

Προσθήκη του όρου...

<BODY BGCOLOR="#FFFFFF">
<DL>
<DT>HTML
<DD>Είναι μια γλώσσα προγραμματισμού και προέρχεται από τα αρχικά των λέξεων Hyper Text Mark-up Language. Χρησιμοποιείται για την κατασκευή Ιστοσελίδων.
</DL>
</BODY>


	HTML Είναι μια γλώσσα προγραμματισμού και προέρχεται από τα αρχικά των λέξεων Hyper Text Mark-up Language. Χρησιμοποιείται για την κατασκευή Ιστοσελίδων.

Τέλος μπορείτε να χρησιμοποιήσετε Horizontal Rules ...

<BODY BGCOLOR="#FFFFFF">
<HR><HR>
</BODY>

Τα Horizontal Rules χρησιμοποιούνται όπως ακριβώς οι εικόνες, με μια όμως διαφορά. Για να τις "παχύνετε" απλά γράψτε...

<BODY BGCOLOR="#FFFFFF">
<HR WIDTH=60% SIZE=1 NOSHADE>
<HR WIDTH=60% SIZE=3 NOSHADE>
<HR WIDTH=60% SIZE=8 NOSHADE>
<HR WIDTH=60% SIZE=15 NOSHADE>
</BODY>

Σαν επίλογο δείτε ένα μικρό κολπάκι. Ας που θέλετε να φτιάξετε το παρακάτω σχήμα.

<BODY BGCOLOR="#FFFFFF">

                 \|/ 
                (@ @)
     +----oOO----(_)-----------+
     |  THANK YOU FOR READING  |
     |   WEBMASTER'S PLANET    |
     |       TUTORIALS !       |
     +-----------------oOO-----+

</BODY>


	(@ @) +----oOO----(_)-----------+ \| THANK YOU FOR READING \| \| WEBMASTER'S PLANET \| \| TUTORIALS ! \| +-----------------oOO-----+

(Το αποτέλεσμα δεν ήταν όπως το περιμέναμε)

Αν προσθέσετε το <PRE> tag, ο φυλλομετρητής θα το διαβάσει ακριβώς όπως το γράψατε (π.χ. με κενά) χωρίς να χρειάζονται τα special tags.

<BODY BGCOLOR="#FFFFFF">
<PRE>

                 \|/ 
                (@ @)
     +----oOO----(_)-----------+
     |  THANK YOU FOR READING  |
     |   WEBMASTER'S PLANET    |
     |       TUTORIALS !       |
     +-----------------oOO-----+

</PRE>
</BODY>


	(@ @) +----oOO----(_)-----------+ \| THANK YOU FOR READING \| \| WEBMASTER'S PLANET \| \| TUTORIALS ! \| +-----------------oOO-----+

(Χρησιμοποιήστε μόνο Monotype Font - π.χ. Courier New)

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