Internet
Now Reading
10ο Μάθημα HTML-Χρήση Χρωμάτων
0

10ο Μάθημα HTML-Χρήση Χρωμάτων

by Ελένη Χαλικιά15 November, 2012

Περιγραφή Μαθήματος
Στο σημερινό μας μάθημα θα δείτε τις ετικέτες για το πως να χρησιμοποιήσετε χρώματα και το πως μπορείτε να τα χρησιμοποιήσετε και μερικά παραδείγματα για να τις κατανοήσετε.

Εισαγωγή
Με τη χρήση χρωμάτων δίνετε στις ιστοσελίδες σας μια όμορφη διαμόρφωση από όμορφα χρώματα. Μπορείτε να βάλετε χρώμα σε συνδέσμους, σε κείμενο, σε ολόκληρο πίνακα ή σε ορισμένα μόνο κελιά ενός πίνακα και σαν φόντο (background) στην ιστοσελίδα σας.


Πίνακες Χρωμάτων
Στους παρακάτω πίνακες βλέπετε τους κωδικούς από μερικά χρώματα:

Χρήση ετικετών
Εδώ βλέπετε πως μπορείτε να βάλετε χρώμα σε σύνδεσμο στην ιστοσελίδα σας:


Κώδικας Παραδείγματος:

<!DOCTYPEhtml>
<
bodylink=”greenvlink=”redalink=”black“>
 <ahref=http://elenixalopensuse.blogspot.gr/ target=”_blank“>openSUSE</a>
</
body>

</
html>

Εδώβλέπετεπωςμπορείτεναβάλετεχρώμασεολόκληροπίνακα:

ΚώδικαςΠαραδείγματος:

<!DOCTYPE html>
<body>
<table border=”1″ bgcolor=”#66CDAA”>
<tr>
<td>
Υπολογιστής</td>
<td>
Διαδίκτυο</td>
</tr>
<tr>
<td>
Προγραμματισμός</td>
<td>
Ιστοσελίδες</td>
</tr>
</table>
</body>
</html>

 
Εδώ βλέπετε πως μπορείτε να βάλετε χρώμα σε μια γραμμή πίνακα:

Κώδικας Παραδείγματος:

<!DOCTYPEhtml>
<
body>
<
tableborder=”1″>
<
trbgcolor=”#FFDEAD“>
<
td>Αυτοκίνητο</td>
<
td>Μηχανή</td>
</
tr>
<
tr>
<
td>Ποδήλατο</td>
<
td>Πατίνι</td>
</
tr>
</
table>
</
body>
</
html>

Εδώ βλέπετε πως μπορείτε να βάλετε χρώμα σ’ένα κελί ενός πίνακα:

Κώδικας Παραδείγματος:

<!DOCTYPE html>
<body>
<table border=”1″>
<tr>
<td bgcolor=”red”>
Ποδόσφαιρο</td>
<td>
Μπάσκετ</td>
</tr>
<tr>
<td>
Τέννις</td>
<td>
ΠινγκΠονγκ</td>
</tr>
</table>
</body>
</html>

 Εδώ βλέπετε πως μπορείτε να βάλετε χρώμα σε κείμενο:

Κώδικας Παραδείγματος:

<!DOCTYPE html>
<body text=”blue”>
 
Εδώβάζετετοκείμενοσας
</body>
</
html>


Εδώ βλέπετε πως μπορείτε να βάλετε φόντο (background) στην ιστοσελίδα σας:

Κώδικας Παραδείγματος:

<!DOCTYPE html>
<body>
<body bgcolor=”#660000″>
Εδώβάζετετοκείμενοσας
</body>
</html>

Επίλογος
Στο επόμενο μάθημα μας για την HTML θα δείτε τις ετικέτες για το πως να εισάγετε εικόνες σε μια ιστοσελίδα και ποιο συγκεκριμένα τα εξής:
  • Σημασιολογία των ετικετών
  • Χρήση των ετικετών
  • Παραδείγματα ετικετών 
Κατέβασμα Μαθήματος
Κατεβάστε το δέκατο μας μάθημα HTML στον υπολογιστή σας εντελώς δωρεάν σε μορφή pdf.
Download

Συντάκτης

Ελένη Χαλικιά

Τεχνικός Τεχνολογίας Internet

Τεχνικός Εφαρμογών Πληροφορικής

Comments

comments