Ασκήσεις – Υποστηρικτικό υλικό

  1. Υλικό.
  2. Λογισμικό
  3. Εφαρμογές.

 

Εισαγωγή CSS Παρουσίαση HTML + CSS

CSS tutorial starting with HTML + CSS (σύντομος οδηγός στην Αγγλική γλώσσα)

Άσκηση  Μάιος 2017

Μελετώντας την ενότητα για τις φόρμες, από το αρχείο html_bootcamp και από εδώ, δημιουργήστε μία φόρμα που να έχει την μορφή που φαίνεται στην παρακάτω εικόνα:

Οδηγίες

  • Τον html κώδικα θα τον γράψετε στο ήδη υπάρχων αρχείο form.html (το ανοίγουμε με το notepad++) ( form κατεβάστε το συμπιεσμένο αρχείο στον υπολογιστή σας και αποσυμπιέστε το αρχείο)
  • H ετικέτα για δημιουργία φόρμας είναι η <form>… </form>
  • Μέσα στην <form> εμφωλεύουμε την <fieldset> αν θέλουμε να δημιουργήσουμε το πλαίσιο γύρω από την φόρμα
  • Η <legend> εμφωλεύεται μέσα στην <fieldset> και εμφανίζει το κείμενο – επικεφαλίδα (στο παράδειγμα είναι το «Personal Data» και το «Preferences»
  • Μέσα στην <fieldset> βάζουμε το κείμενο και την αντίστοιχη ετικέτα για το στοιχείο της φόρμας (π.χ. Name: <input type=»text» name= «namefield»><br>)

Παλαιότερη Άσκηση εδώ.

On line επεξεργαστής αρχείου HTML εδώ και ένας πιο απλός εδώ και εδώ.

Όλες οι ετικέτες της HTML εδώ.

Υλικό για επανάληψη : html_askhseis