Παρασκευή 10 Νοεμβρίου 2017

Α' Λυκείου - Κεφάλαιο 11 - Εισαγωγή στην ΗΤΜL



Η HyperText Markup Language (HTML) είναι η κύρια γλώσσα σύνταξης ιστοσελίδων. Όλες  οι ιστοσελίδες του διαδικτύου είναι HTML έγγραφα που αποτελούνται από κείμενο και κωδικούς της γλώσσας (ετικέττες).
Το όνομα των αρχείων από τα οποία αποτελείται η ιστοσελίδα έχει επέκταση .html ή .htm (π.χ. index.html).

Ο σκοπός ενός φυλλομετρητή (Mozilla, Explorer, Chrome…) είναι να διαβάζει τα έγγραφα HTML και τα συνθέτει σε σελίδες που μπορεί κανείς να διαβάσει ή να ακούσει. Ο φυλλομετρητής  δεν εμφανίζει τις ετικέτες HTML, αλλά τις χρησιμοποιεί για να ερμηνεύσει το περιεχόμενο της σελίδας.

Σήμερα χρησιμοποιείται η HTML4 και η καινούρια έκδοση θα είναι η HTML5.

Στην HTML5 θα είναι ενσωματωμένα  plug-in(πρόσθετα) όπως το Flash Player το Quicktime, το Real Player, to Media Player, η Java κ.α.


  1. Ένα περιβάλλον off-line html editor μπορείτε να κατεβάσετε από εδώ. 
  2. Ένα περιβάλλον on-line html editor μπορείτε να βρείτε εδώ
  3. Ένα 2o περιβάλλον on-line html editor μπορείτε να βρείτε εδώ
  4. On line μαθήματα και html editor μπορείτε να βρείτε πατώντας εδώ. 
  5. Χρώματα γραμματοσειρών και φόντου εδώ.
  6. Μαθήματα HTML εδώ και εδώ.
Ακολουθούν πληροφορίες για τη σύνταξη των βασικών εντολών της HTML :
Διαβάστε περισσότερα »
Αναρτήθηκε από στις
Ετικέτες ,

Πέμπτη 9 Νοεμβρίου 2017

Α' Λυκείου - Κεφ.11 - CSS (Cascading Style Sheets)

Αποτέλεσμα εικόνας για cssΤα φύλλα CSS (Cascading Style Sheets)  περιέχουν στυλ που μπορούμε να ορίσουμε για τις HTML σελίδες. 

 Με τα στυλ καθορίζουμε το χρώμα, το μέγεθος της γραμματοσειράς, την γραμματοσειρά (bold, underline, κτλ.), το χρώμα του φόντου, τις διαστάσεις και μια σειρά από άλλες ιδιότητες των στοιχείων μιας ιστοσελίδας.

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

 h1 - το κείμενο που βρίσκεται μέσα σε μια ετικέτα h1 έχει άσπρα γράμματα σε πορτοκαλί φόντο και είναι έντονα, βρίσκονται σε ένα πλαίσιο μαύρο με λεπτό περίγραμμα... 

 body - το κυρίως σώμα της ιστοσελίδας έχει φόντο άσπρο, τα γράμματα είναι μαύρα, η γραμματοσειρά Arial ή Sans-Serif, μέσα σε ένα πλαίσιο με κάποια απόσταση από τα περιθώρια της σελίδας... 

 Οι οδηγίες μορφοποίησης που βρίσκονται σ΄ένα φύλλο CSS πρέπει να τοποθετούνται στην ετικέτα <HEAD>.........</HEAD> μιας ιστοσελίδας και περικλείονται ανάμεσα στις εντολές που φαίνονται στην εικόνα αριστερά. 


Διαβάστε περισσότερα »
Αναρτήθηκε από στις
Ετικέτες ,
Εγγραφή σε: Αναρτήσεις (Atom)