Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML
Τι εIναι η HTML ; HyperText Markup Language μία περιγραφική γλώσσα ένας ειδικός τρόπος γραφής κειμένου
Τι εIναι η HTML ; Ορίζει ένα σύνολο κοινών στυλ για τις Web σελίδες, όπως: τίτλοι (titles) επικεφαλίδες (headings) παράγραφοι (paragraphs) λίστες (lists) πίνακες (tables) Κάθε στοιχείο έχει ένα όνομα και περιέχεται μέσα στα σύμβολα < >, που αποκαλούνται ετικέτες - tags
Όταν ο φυλλομετρητής (browser) ανακτά μια ιστοσελίδα, στην ουσία ανακτά τον κώδικα HTML της ιστοσελίδας Στη συνέχεια, ο φυλλομετρητής «διαβάζει» και «διερμηνεύει» τις ετικέτες της HTML, δημιουργεί την ιστοσελίδα και την εμφανίζει στην οθόνη, μορφοποιώντας το κείμενο και τις εικόνες της
ΙΣΤΟΡΙΚΗ ΑΝΑΔΡΟΜΗ Το 1990 ο Tim Berners-Lee στο CERN δημιούργησε το πρωτόκολλο HTTP (HyperText Transfer Protocol) Με αυτό μπορούμε να μεταφέρουμε κάθε είδους πληροφορία μέσα στο Διαδίκτυο Το πρωτόκολλο αυτό σηματοδότησε την αρχή του Παγκόσμιου Ιστού (World Wide Web) Οι ιστοσελίδες ήταν γραμμένες στην πρώτη έκδοση της γλώσσας HTML
ΙΣΤΟΡΙΚΗ ΑΝΑΔΡΟΜΗ Το 1994 αναπτύσσεται το πρότυπο HTML 2.0 Το 1996 παρουσιάζεται η έκδοση 3.2 που περιλαμβάνει πολλά από τα tags που υπάρχουν ως σήμερα Η έκδοση 4.0 παρουσιάστηκε το 1999 Πλέον χρησιμοποιείται η έκδοση 5.0 που ενσωματώνει όλα τα plug-ins της αγοράς λογισμικού
Βασικεσ ετικετεσ <HTML> <HEAD> <TITLE> My First Web Page </TITLE> </HEAD> <BODY> Εδώ παρεμβάλλονται οι εντολές της HTML </BODY> </HTML>
<HTML>...</HTML> Ορίζει την αρχή και το τέλος μιας ιστοσελίδας. <HEAD>...</HEAD> Ορίζει το τμήμα της ιστοσελίδας στο οποίο αναφέρονται διαχειριστικής φύσεως πληροφορίες που αφορούν στο περιεχόμενο της ιστοσελίδας. Οι πληροφορίες αυτές δεν εμφανίζονται από τον φυλλομετρητή. <BODY>...</BODY> Ορίζει το περιεχόμενο της ιστοσελίδας. <TITLE>...</TITLE> Ορίζει τον τίτλο της. <P>...</P> Ορίζει παράγραφο. <BR> Δηλώνει αλλαγή γραμμής. <IMG> Ορίζει την εισαγωγή κάποιας εικόνας -image- και των παραμέτρων που αφορούν στη θέση της, το μέγεθός της, κ.ά. <A HREF="URL">...</A> Ορίζει δεσμό με ιστοσελίδα που βρίσκεται στο URL.
Παραδειγμα 1
Μορφοποιηση κειμενου
Μορφοποιηση ΕΠΙΚΕΦΑΛΙΔΩΝ
Μορφοποιηση ΠΑΡΑΓΡΑΦΩΝ
Μορφοποιηση ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ
ΟΡΙΣΜΟΣ ΧΡΩΜΑΤΟΣ <BODY BGCOLOR=“#XXXXXX”> Το χρώμα προσδιορίζεται από: έναν εξαψήφιο κωδικό – δεκαεξαδική αναπαράσταση χρώματος: δύο ψηφία για κάθε βασικό χρώμα Το όνομα του χρώματος
ΟΡΙΣΜΟΣ ΧΡΩΜΑΤΟΣ
υπερσυνδεσμοσ <a href=“https://www.google.gr”>google search</a>
Εισαγωγη εικονασ
Html 5 είναι η τελευταία εξέλιξη της γλώσσας HTML χρησιμοποιείται εκτενώς και στη δημιουργία εφαρμογών διαδικτύου για φορητές συσκευές προσθέτει νέα χαρακτηριστικά δομής και σύνταξης περιορίζει την ανάγκη χρήσης πρόσθετων (plug-ins) στα προγράμματα πλοήγησης
Ενσωματωση (Embedding) Η ενσωμάτωση πραγματοποιείται με εισαγωγή του κώδικα ενσωμάτωσης που δίνει η ιστοσελίδα η οποία έχει το περιεχόμενο, στην ιστοσελίδα που θέλει να το ενσωματώσει αντιγραφή του κώδικα ενσωμάτωσης και επικόλληση στο έγγραφο HTML της ιστοσελίδας Tag: iframe
Τροποι δημιουργιασ εγγραφων HTML Αρχεία απλού κειμένου – κειμενογράφος Ειδικές εφαρμογές: frontpage, dreamweaver Εφαρμογές διαδικτύου: jsfiddle, dabblet, cssdesk