Γενικά

ασκηση 3 html

Άσκηση 3

  1. Μέσα στο φάκελο «τα έγγραφά μου» δημιουργήστε έναν φάκελο Α?, σύμφωνα με το τμήμα σας. (πχ Α1)
  2. Μέσα στο φάκελο Α? δημιουργήστε ένα html αρχείο με όνομα «Α?διάστημα.html»
  3. Δημιουργήστε έτσι μια ιστοσελίδα η οποία να έχει τίτλο με επικεφαλίδα Η1 ανάλογα με το θέμα σας
  4. Βάλτε χρώμα στα γράμματα της επικεφαλίδας
  5. Βάλτε την επικεφαλίδα στο κέντρο
  6. Βάλτε χρώμα στο background της σελίδας σας
  7. Βρείτε πληροφορίες και εικόνες για το θέμα σας και συντάξτε το έτσι ώστε να υπάρχει κείμενο αριστερά και εικόνα δεξιά και στη συνέχεια το αντίθετο επαναλαμβανόμενα.
  8. Βρείτε μερικές πληροφορίες να τις βάλετε σε πίνακα
  9. Βρείτε μερικές πληροφορίες να τις βάλετε σε λίστα
  10. Βάλτε ένα σύνδεσμο σε κάποια από τις σελίδες που βρήκατε τις πληροφορίες σας
  11. Προσπαθήστε να αλλάξετε το χρώμα και το μέγεθος κειμένου με style

12. Χρησιμοποιήστε internal css με τη βοήθεια του w3schools.

πχ

<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>

13. Χρησιμοποιήστε την ετικέτα div για να χωρίσετε τις παραγράφους σας σε θέματα. πχ

<div style=”background-color:black;color:white;padding:20px;”>

  <h2>Άρης</h2>

  <p>

  Ο Άρης είναι ο τέταρτος σε απόσταση από τον Ήλιο πλανήτης του Ηλιακού μας Συστήματος, ο δεύτερος πλησιέστερος στη Γη, και ο έβδομος σε διαστάσεις και μάζα του Ηλιακού Συστήματος (ο δεύτερος μικρότερος μετά τον Ερμή). Λέγεται συχνά και «ερυθρός πλανήτης» εξαιτίας του ερυθρού χρώματος που παρουσιάζει οφειλόμενο στο τριοξείδιο του σιδήρου (F<sub>e</sub>O<sub>3</sub>) στην επιφάνειά του. </p>

</div> <br>

<div style=”background-color:black;color:white;padding:20px;”>

  <h2>Κρόνος</h2>

  <p>  Ο Κρόνος είναι ο έκτος πλανήτης σε σχέση με την απόστασή του από τον Ήλιο και ο δεύτερος σε μέγεθος του Ηλιακού συστήματος μετά τον Δία, με διάμετρο στον ισημερινό του 120.660 χιλιόμετρα ενώ ανήκει στους λεγόμενους γίγαντες αερίων. Το όνομά του προέρχεται από τον Κρόνο της αρχαίας ελληνικής μυθολογίας και σχετίζεται με την λέξη χρόνος. Σχεδόν ταυτίζεται με τον θεό Saturnus των Ρωμαίων, απ’ όπου προέρχονται και οι άλλες ευρωπαϊκές ονομασίες. </p>

</div>

Αλλαγή μεγέθους γραμματοσειράς
Αντίθεση