Μάθημα : Α' Λυκείου | Εφαρμογές Πληροφορικής -

Κωδικός : EL49190

Α' Λυκείου | Εφαρμογές Πληροφορικής -

EL49190  -  ΝΙΚΟΣ ΛΥΜΠΕΡΤΑΣ

Ενότητες μαθήματος - 03. HTML - χαρακτηριστικά των elements (Attributes) - html colors

03. HTML - χαρακτηριστικά των elements (Attributes) - html colors

02. HTML - Η πρώτη μου σελίδα... 04. HTML - Λίστες (Lists) (<ul...

Ανοίξτε το αρχείο που αποθηκεύσατε στο μάθημα 02. 

Προσθέστε μία οριζόντια γραμμή ανάμεσα στην επικεφαλίδα και την παράγραφο με το

<hr>

Το <hr> είναι το πρώτο "empty element" που συναντάμε. Δεν έχει end tag γιατί δεν έχει και περιεχόμενο για να κλείσει. Απλά εμφανίζει μια οριζόντια γραμμή σε όλο το πλάτος του <body>.

 

Αποθηκεύστε τις αλλαγές (Αρχείο -> Αποθήκευση) και δείτε την αλλαγή στο browser.

 

Τα attributes είναι χαρακτηριστικά που μπορούμε να καθορίσουμε στα elements. Κάθε element αποτελείται από το όνομά του και την "τιμή" ("value") που του δίνουμε. Ανάμεσα τους βάζουμε = και μπαίνουν πάντα εντός των < > του start tag και ποτέ στο end tag.

 

Παράδειγμα:

color = "blue"

 

color: Attibute 

"blue": Value - Τιμή. Πάντα μέσα σε διπλά εισαγωγικά " "

 

Η γραμμή <hr> μας δίνει τη δυνατότητα να καθορίσουμε το χρώμα της με το color attribute, έτσι αν αλλάξουμε το <hr> σε <hr color="blue"> και αποθηκεύσουμε ξανά τις αλλαγές, θα πρέπει να αλλάξει χρώμα η γραμμή μετά από μία ανανέωση στο browser.

 

Αντίστοιχα μπορούμε να αλλάξουμε το χρώμα ολόκληρης της σελίδας με το bgcolor attribute (background color - χρώμα φόντου) του <body>.

<body bgcolor="yellow">

 

Η παλέτα χρωμάτων που έχουμε για τις ιστοσελίδες μας είναι πολύ πλούσια.

140 από τα διαθέσιμα χρώματα έχουν ονόματα (Color Names)

Πολύ περισσότερα είναι αυτά που δεν έχουν όνομα αλλά μόνο κωδικό. Φτιάξε κάποιο χρώμα στο Color Picker, κάνε αντιγραφή τον HEX αριθμό του και βάλε το σαν value. 

Παράδειγμα:

<body bgcolor = "#8800cc">