Άζκηζη 1 -Δημιοςπγία ιζηοζελίδων με HTML μέπορ 1 ο

Σχετικά έγγραφα
DOM. Γηδάζθνληεο: Π. Αγγειάηνο, Γ. Εήλδξνο Δπηκέιεηα δηαθαλεηώλ: Π. Αγγειάηνο. Σρνιή Ζιεθηξνιόγωλ Μεραληθώλ θαη Μεραληθώλ Υπνινγηζηώλ

Α Ο Κ Η Α Μ Α Ζ Η Η Ρ Η ( S E A R C H )

iii. iv. γηα ηελ νπνία ηζρύνπλ: f (1) 2 θαη

TOOLBOOK (μάθημα 2) Δεκηνπξγία βηβιίνπ θαη ζειίδσλ ΠΡΟΑΡΜΟΓΗ: ΒΑΛΚΑΝΙΩΣΗ ΔΗΜ. ΕΚΠΑΙΔΕΤΣΙΚΟ ΠΕ19 1 TOOLBOOK ΜΑΘΗΜΑ 2

f '(x)g(x)h(x) g'(x)f (x)h(x) h'(x) f (x)g(x)

Αιγόξηζκνη Γνκή επηινγήο. Πνιιαπιή Δπηινγή Δκθωιεπκέλεο Δπηινγέο. Δηζαγωγή ζηηο Αξρέο ηεο Δπηζηήκεο ηωλ Η/Υ. introcsprinciples.wordpress.

Οργάνωση και Δομή Παρουσιάσεων

H ΜΑΓΕΙΑ ΤΩΝ ΑΡΙΘΜΩΝ

Βάσεις Δεδομέμωμ. Εξγαζηήξην V. Τκήκα Πιεξνθνξηθήο ΑΠΘ

ΓΗΑΓΩΝΗΣΜΑ ΣΤΑ ΜΑΘΖΜΑΤΗΚΑ. Ύλη: Μιγαδικοί-Σσναρηήζεις-Παράγωγοι Θεη.-Τετν. Καη Εήηημα 1 ο :

ΣΕΙ ΙΟΝΙΩΝ ΝΗΩΝ ΣΜΗΜΑ: ΣΕΥΝΟΛΟΓΙΑ ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΣΗΛΕΠΙΚΟΙΝΩΝΙΩΝ ΥΕΙΜΕΡΙΝΟ ΕΞΑΜΗΝΟ Ρέππα Μαξγαξίηα

Άμεσοι Αλγόριθμοι: Προσπέλαση Λίστας (list access)

Ζαχαρίας Μ. Κοντοπόδης Εργαστήριο Λειτουργικών Συστημάτων ΙΙ

ΡΤΘΜΙΕΙ ΔΙΚΣΤΟΤ ΣΑ WINDOWS

Η αξρή ζύλδεζεο Client-Server

Ηλεκηπονικά Απσεία και Διεπαθέρ

ΑΠΑΝΤΗΣΔΙΣ ΓΙΚΤΥΑ ΥΠΟΛΟΓΙΣΤΩΝ II ΔΠΑΛ

Hellas online Προεπιλεγμένες ρσθμίσεις για FritzBox Fon WLAN 7140 (Annex B) FritzBox Fon WLAN Annex B ( )

ΔΝΓΔΙΚΣΙΚΔ ΛΤΔΙ ΣΑ ΜΑΘΗΜΑΣΙΚΑ ΠΡΟΑΝΑΣΟΛΙΜΟΤ 2017

Απαντήσεις θέματος 2. Παξαθάησ αθνινπζεί αλαιπηηθή επίιπζε ησλ εξσηεκάησλ.

ΚΤΠΡΙΑΚΗ ΜΑΘΗΜΑΣΙΚΗ ΕΣΑΙΡΕΙΑ ΜΑΘΗΜΑΣΙΚΗ ΚΤΣΑΛΟΓΡΟΜΙΑ 2007 ΓΙΑ ΣΟ ΓΤΜΝΑΙΟ Παπασκευή 26 Ιανουαπίου 2007 Σάξη: Α Γυμνασίου ΥΟΛΕΙΟ..

ΣΕΙ Δυτικήσ Μακεδονίασ, Παράρτημα Καςτοριάσ Τμήμα Πληροφορικήσ και Τεχνολογίασ Υπολογιςτών

Άσκηση 1 - Μοπυοποίηση Κειμένου

ΠΑΝΔΛΛΑΓΗΚΔ ΔΞΔΣΑΔΗ Γ ΣΑΞΖ ΖΜΔΡΖΗΟΤ ΓΔΝΗΚΟΤ ΛΤΚΔΗΟΤ Γευηέρα 11 Ηουνίου 2018 ΔΞΔΣΑΕΟΜΔΝΟ ΜΑΘΖΜΑ: ΜΑΘΖΜΑΣΗΚΑ ΠΡΟΑΝΑΣΟΛΗΜΟΤ. (Ενδεικηικές Απανηήζεις)

Σηα παξαδείγκαηα πνπ αθνινπζνύλ ρξεζηκνπνηήζεθαλ ην JQUIZ, ην JCROSS θαη ην JMATCH, πνπ αλαιπηηθά πεξηγξάθνληαη παξαθάηω.

ΒΗΜΑ 2. Εηζάγεηε ηνλ Κωδηθό Πξόζβαζεο πνπ ιακβάλεηε κε SMS & δειώλεηε επηζπκεηό Όλνκα Πξόζβαζεο (Username) θαη ην ζαο

ΚΔΦ. 2.4 ΡΗΕΔ ΠΡΑΓΜΑΣΗΚΩΝ ΑΡΗΘΜΩΝ

ΔΙΑΓΩΝΙΣΜΑ ΣΤΗ ΦΥΣΙΚΗ. Ύλη: Εσθύγραμμη Κίνηζη

Γ ΣΑΞΖ ΔΝΗΑΗΟΤ ΛΤΚΔΗΟΤ ΔΞΔΣΑΕΟΜΔΝΟ ΜΑΘΖΜΑ: ΜΑΘΖΜΑΣΗΚΑ ΘΔΣΗΚΩΝ ΚΑΗ ΟΗΚΟΝΟΜΗΚΩΝ ΠΟΤΓΩΝ ΤΝΑΡΣΖΔΗ ΟΡΗΑ ΤΝΔΥΔΗΑ (έως Θ.Bolzano) ΘΔΜΑ Α

ΣΥΣΤΗΜΑΤΑ ΑΛΓΕΒΡΑ Α ΛΥΚΕΙΟΥ. 1. Να ιπζνύλ ηα ζπζηήκαηα. 1 0,3x 0,1y x 3 3x 4y 2 4x 2y ( x 1) 6( y 1) (i) (ii)

Άζκηζη ζτέζης κόζηοσς-τρόνοσ (Cost Time trade off) Καηαζκεσαζηική ΑΔ

ΜΑΘΗΜΑ / ΤΑΞΗ : ΗΛΕΚΤΡΟΛΟΓΙΑ/Γ ΛΥΚΕΙΟΥ ΣΕΙΡΑ: ΗΜΕΡΟΜΗΝΙΑ: 08/09/2014

Δπηιέγνληαο ην «Πξνεπηινγή» θάζε θνξά πνπ ζα ζπλδέεζηε ζηελ εθαξκνγή ζα βξίζθεζηε ζηε λέα ρξήζε.

Αζκήζεις ζτ.βιβλίοσ ζελίδας 13 14

Case Study. Παξαθάηω παξνπζηάδνπκε βήκα - βήκα κε screenshots έλα παξάδεηγκα ππνβνιήο κηαο εξγαζίαο θαη ηελ παξαγωγή ηνπ Originality Report.

ΑΛΛΑΓΗ ΟΝΟΜΑΣΟ ΚΑΙ ΟΜΑΔΑ ΕΡΓΑΙΑ, ΚΟΙΝΟΥΡΗΣΟΙ ΦΑΚΕΛΟΙ ΚΑΙ ΕΚΣΤΠΩΣΕ ΣΑ WINDOWS XP

Κευάλαιο 8 Μονοπωλιακή Συμπεριφορά- Πολλαπλή Τιμολόγηση

EL Eνωμένη στην πολυμορυία EL A8-0046/319. Τροπολογία

1 Είζοδορ ζηο Σύζηημα ΣΔΕΔ ή BPMS

ΔΡΓΑΙΑ 1. Γιαδικησακά πληροθοριακά σζηήμαηα. Ομάδα Δργαζίας: Μεηαπηστιακοί Φοιηηηές. ηέθανος Κονηοβάς ΑΔΜ :283. Πάζτος Βαζίλειος ΑΔΜ :288

ΜΗΧΑΝΟΛΟΓΙΚΟ ΣΧΔΓΙΟ ΙΙ

Εςθςή ζςζηήμαηα επισειπήζεων και αξιολόγηζη

(Ενδεικηικές Απανηήζεις) ΘΔΜΑ Α. Α1. Βιέπε απόδεημε Σει. 262, ζρνιηθνύ βηβιίνπ. Α2. Βιέπε νξηζκό Σει. 141, ζρνιηθνύ βηβιίνπ

ΕΙΣΑΓΩΓΗ ΣΤΗ ΘΕΩΡΙΑ ΣΗΜΑΤΩΝ & ΣΥΣΤΗΜΑΤΩΝ. ΜΕΤΑΣΦΗΜΑΤΙΣΜΟΣ Laplace

ΟΠΤΙΚΗ Α. ΑΝΑΚΛΑΣΖ - ΓΗΑΘΛΑΣΖ

Απνηειέζκαηα Εξσηεκαηνινγίνπ 2o ηεηξάκελν

Να ζρεδηάζεηο ηξόπνπο ζύλδεζεο κηαο κπαηαξίαο θαη ελόο ιακπηήξα ώζηε ν ιακπηήξαο λα θσηνβνιεί.

Ενδεικτικά Θέματα Στατιστικής ΙΙ

ΚΤΠΡΙΑΚΗ ΜΑΘΗΜΑΣΙΚΗ ΕΣΑΙΡΕΙΑ ΜΑΘΗΜΑΣΙΚΗ ΚΤΣΑΛΟΓΡΟΜΙΑ 2007 ΓΙΑ ΣΟ ΓΤΜΝΑΙΟ Παπασκευή 26 Ιανουαπίου 2007 Σάξη: Α Γυμνασίου ΥΟΛΕΙΟ..

ΠΔΡΗΓΡΑΦΖ ΛΔΗΣΟΤΡΓΗΚΟΣΖΣΑ ΥΔΓΗΟΤ ΑΡΗΘΜ. 1

Φςζική Πποζαναηολιζμού Γ Λςκείος. Αζκήζειρ Ταλανηώζειρ 1 ο Φςλλάδιο

ΕΝΤΟΛΕΣ WINDOWS ΚΑΙ UNIX

ΔΝΓΔΙΚΤΙΚΔΣ ΛΥΣΔΙΣ ΣΤΑ ΜΑΘΗΜΑΤΙΚΑ ΚΑΤΔΥΘΥΝΣΗΣ Γ ΛΥΚΔΙΟΥ ΓΔΥΤΔΡΑ 27 ΜΑΪΟΥ 2013

ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ. Οξηδόληηα θαη θαηαθόξπθε κεηαηόπηζε παξαβνιήο

Έλεγτος Ορθογραθίας - Γραμμαηικής. Ορθογραθικός και Γραμμαηικός Έλεγτος

ΣΔΙ ΙΟΝΙΩΝ ΝΗΩΝ ΣΜΗΜΑ: ΣΔΧΝΟΛΟΓΙΑ ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΣΗΛΔΠΙΚΟΙΝΩΝΙΩΝ ΧΔΙΜΔΡΙΝΟ ΔΞΑΜΗΝΟ Ρέππα Μαξγαξίηα

Τν εθπαηδεπηηθό πιηθό ηεο Φξνληηζηεξηαθήο Δθπαίδεπζεο Τζηάξα δηαλέκεηαη δωξεάλ απνθιεηζηηθά από ηνλ ψεθηαθό ηόπν ηνπ schooltime.gr

ΠΑΡΑΡΣΗΜΑ Δ. ΔΤΡΔΗ ΣΟΤ ΜΔΣΑΥΗΜΑΣΙΜΟΤ FOURIER ΓΙΑΦΟΡΩΝ ΗΜΑΣΩΝ

B-Δέλδξα. Τα B-δέλδξα ρξεζηκνπνηνύληαη γηα ηε αλαπαξάζηαζε πνιύ κεγάισλ ιεμηθώλ πνπ είλαη απνζεθεπκέλα ζην δίζθν.

Διαηιμήζεις για Αιολικά Πάρκα. Κώδικες 28, 78 και 84

Τηλζφωνο: Ε-mail: Ώρες διδασκαλίας: 16:00 19:15 μμ

ΠΑΝΔΛΛΑΓΗΚΔ ΔΞΔΣΑΔΗ Γ ΣΑΞΖ ΖΜΔΡΖΗΟΤ ΓΔΝΗΚΟΤ ΛΤΚΔΗΟΤ ΚΑΗ ΔΠΑΛ ΣΔΣΑΡΣΖ 25 ΜΑΨΟΤ 2016 ΔΞΔΣΑΕΟΜΔΝΟ ΜΑΘΖΜΑ: ΑΡΥΔ ΟΗΚΟΝΟΜΗΚΖ ΘΔΧΡΗΑ ΠΡΟΑΝΑΣΟΛΗΜΟΤ - ΔΠΗΛΟΓΖ

Δξγαιεία Καηαζθεπέο 1 Σάμε Σ Δ.Κ.Φ.Δ. ΥΑΝΙΧΝ ΠΡΧΣΟΒΑΘΜΙΑ ΔΚΠΑΙΓΔΤΗ. ΔΝΟΣΗΣΑ 11 ε : ΦΧ ΔΡΓΑΛΔΙΑ ΚΑΣΑΚΔΤΔ. Καηαζθεπή 1: Φαθόο κε ζσιήλα.

ΚΤΠΡΙΑΚΗ ΜΑΘΗΜΑΣΙΚΗ ΕΣΑΙΡΕΙΑ ΜΑΘΗΜΑΤΙΚΗ ΣΚΥΤΑΛΟΓΡΟΜΙΑ 2015 ΓΙΑ ΤΟ ΓΥΜΝΑΣΙΟ Τεηάπηη 28 Ιανουαπίου 2015 ΛΔΥΚΩΣΙΑ Τάξη: Α Γυμναζίου

Μηα ζπλάξηεζε κε πεδίν νξηζκνύ ην Α, ζα ιέκε όηη παξνπζηάδεη ηοπικό μέγιζηο ζην, αλ ππάξρεη δ>0, ηέηνην ώζηε:

Έλαο πίνακας σσμβόλων ππνζηεξίδεη δύν βαζηθέο ιεηηνπξγίεο:

Σημεία Ασύπματηρ Ππόσβασηρ (Hot-Spots)

ΛΙΜΝΗ ΤΣΑΝΤ. Σρήκα 1. Σρήκα 2

Η Γλώςςα κωδικοποίηςησ HTML Φύλλο Εργαςίασ 6

ΚΕΦ. 2.3 ΑΠΟΛΤΣΗ ΣΘΜΗ ΠΡΑΓΜΑΣΘΚΟΤ ΑΡΘΘΜΟΤ

Έκδοζη /10/2014. Νέα λειηοσργικόηηηα - Βεληιώζεις

ΣΔΙ ΙΟΝΙΩΝ ΝΗΩΝ ΣΜΗΜΑ: ΣΔΥΝΟΛΟΓΙΑ ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΣΗΛΔΠΙΚΟΙΝΩΝΙΩΝ ΥΔΙΜΔΡΙΝΟ ΔΞΑΜΗΝΟ Ρέππα Μαξγαξίηα

Σύνθεζη ηαλανηώζεων. Έζησ έλα ζώκα πνπ εθηειεί ηαπηόρξνλα δύν αξκνληθέο ηαιαληώζεηο ηεο ίδηαο ζπρλόηεηαο πνπ πεξηγξάθνληαη από ηηο παξαθάησ εμηζώζεηο:

ΚΤΠΡΙΑΚΗ ΜΑΘΗΜΑΣΙΚΗ ΔΣΑΙΡΔΙΑ ΠΑΓΚΤΠΡΙΟ ΓΙΑΓΩΝΙ ΜΟ

Μονοψϊνιο. Αγνξά κε ιίγνπο αγνξαζηέο. Δύναμη μονοψωνίος Η ηθαλόηεηα πνπ έρεη ν αγνξαζηήο λα επεξεάζεη ηελ ηηκή ηνπ αγαζνύ.

ΣΕΙ ΙΟΝΙΩΝ ΝΗΩΝ ΣΜΗΜΑ: ΣΕΧΝΟΛΟΓΙΑ ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΣΗΛΕΠΙΚΟΙΝΩΝΙΩΝ ΧΕΙΜΕΡΙΝΟ ΕΞΑΜΗΝΟ Ρέππα Μαξγαξίηα

ΓΙΑΙΡΔΣΟΣΗΣΑ. Οπιζμόρ 1: Έζηω d,n. Λέκε όηη ν d δηαηξεί ηνλ n (ζπκβνιηζκόο: dn) αλ. ππάξρεη c ηέηνην ώζηε n. Θεώπημα 2: Γηα d,n,m,α,b ηζρύνπλ:

Να ζρεδηαζζεί ην θαηεπζπλόκελν γξάθεκα πνπ νξίδεηαη από ηνλ εμήο πίλαθα γεηηλίαζεο.

x-1 x (x-1) x 5x 2. Να απινπνηεζνύλ ηα θιάζκαηα, έηζη ώζηε λα κελ ππάξρνπλ ξηδηθά ζηνπο 22, 55, 15, 42, 93, 10 5, 12

Έθδνζε /11/2014. Νέα ιεηηνπξγηθόηεηα - Βειηηώζεηο

ΕΞΙΣΩΣΕΙΣ. Α. Πρωτοβάθμιεσ Εξιςώςεισ. Β. Διερεφνηςη Εξιςώςεων. 1x είναι αδφνατθ. x 1 x 1. Άλγεβρα Α Λυκείου

Οδηγίες τρήζης για λειηοσργία μεηαθοράς καναλιών ζε υηθιακό δέκηη OST-7060 HD

Ειςαγωγή ςτην καταςκευή ιςτοςελίδων και ηλ. καταςτημάτων.

Διαδικαζία μεηαθοράς δεδομένων Εκκαθαριζηικής για ηο Eιδικό ζημείωμα περαίωζης Φ.Π.Α

ΕΞΙΣΩΣΕΙΣ. (iv) (ii) (ii) (ii) 5. Γηα ηηο δηάθνξεο ηηκέο ηνπ ι λα ιπζνύλ νη εμηζώζεηο : x 6 3 9x

6 η Εργαζηηριακή Άζκηζη Επαλήθεσζη Λειηοσργίας Βαζικών Φλιπ-Φλοπ

ΦΥΣΙΚΗ ΤΩΝ ΡΕΥΣΤΩΝ. G. Mitsou

Δσζμενές διαηαρατές και Ονομαζηικό-πραγμαηικό επιηόκιο

4) Να γξάςεηε δηαδηθαζία (πξόγξακκα) ζηε Logo κε όλνκα θύθινο πνπ ζα ζρεδηάδεη έλα θύθιν. Λύζε Γηα θύθινο ζηθ επαλάιαβε 360 [κπ 1 δε 1] ηέινο

Σχεδίαση Γλωσσών & Μεταγλωττιστζς

Πολυεπίπεδα/Διασυμδεδεμέμα Δίκτυα

7. ΚΑΤΑΧΩΡΗΤΕΣ ΕΡΩΤΗΣΕΙΣ ΑΣΚΗΣΕΙΣ. 3. Έλαο θαηαρσξεηήο SISO ησλ 4 bits έρεη: α) Μία είζνδν, β) Δύν εηζόδνπο, γ) Σέζζεξεηο εηζόδνπο.

Constructors and Destructors in C++

ΠΛΗ36. Άσκηση 1. Άσκηση 2. Οη δηεπζύλζεηο ησλ 4 σλ ππνδηθηύσλ είλαη νη αθόινπζεο. Υπνδίθηπν Α: /27 Υπνδίθηπν Β:

Κεθάλαιο 7. Πξνζθνξά ηνπ θιάδνπ Μ. ΨΥΛΛΑΚΗ

ΑΣΚΛΗΠΙΟΣ ΚΑΠ , 14 ΜΑΙΟΥ, 2017 ΛΑΓΚΑΔΑΣ, ΘΕΣΣΑΛΟΝΙΚΗΣ

ΜΑΘΗΜΑΣΑ ΦΩΣΟΓΡΑΦΙΑ. Ειζαγωγή ζηη Φωηογραθία. Χριζηάκης Σαζεΐδης EFIAP

ΣΔΙ ΙΟΝΙΩΝ ΝΗΩΝ ΣΜΗΜΑ: ΣΔΧΝΟΛΟΓΙΑ ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΣΗΛΔΠΙΚΟΙΝΩΝΙΩΝ ΧΔΙΜΔΡΙΝΟ ΔΞΑΜΗΝΟ Ρέππα Μαξγαξίηα

Κινητός και Διάχυτος Υπολογισμός (Mobile & Pervasive Computing)

HTML 1. Γηδάζθνληεο: Π. Αγγειάηνο, Γ. Εήλδξνο Δπηκέιεηα δηαθαλεηώλ: Γ. Εήλδξνο. ρνιή Ζιεθηξνιόγσλ Μεραληθώλ θαη Μεραληθώλ Τπνινγηζηώλ

Transcript:

Άζκηζη 1 -Δημιοςπγία ιζηοζελίδων με HTML μέπορ 1 ο Γενικά ζσεηικά με ηην HTML Οη Ιζηνζειίδεο είλαη γξακκέλεο ζε κηα εηδηθή γιώζζα, ηελ HTML (Hyper-Text Markup Language - γιώζζα ζήκαλζεο ππέξ-θεηκέλνπ). Η HTML κπνξεί λα δηαβαζηεί από νπνηνδήπνηε ππνινγηζηή δηαζέηεη έλα web browser, όπωο ηνλ Internet Explorer. Παγκόζμιορ ιζηόρ - Web Σύλνιν πιεξνθνξηώλ ζηηο νπνίεο έρνπκε πξόζβαζε κέζω ίληεξλεη κε ην πξωηόθνιιν http (hypertext transfer protocol). Τν http είλαη πξωηόθνιιν κεηαθνξάο αξρείωλ. HTTP HyperText Transfer Prolocol (Πξωηόθνιιν κεηαθνξάο Υπεξθεηκέλνπ) URL "Uniform Resource Locator": Δίδνο δηεπζύλζεωλ γηα πιεξνθνξίεο ζην web πνπ νξίδνπλ κε ζπληνκία, αθξίβεηα θαη κνλνζήκαληα ην ζεκείν όπνπ βξίζθνληαη νη πιεξνθνξίεο.

Σπλήζε αξρεία πνπ κεηαθέξνληαη κέζω πξωηνθόιινπ http είλαη αξρεία πνπ ν web browser έρεη ηελ δπλαηόηεηα λα απεηθνλίζεη. Αξρεία HTML text/html. Αξρεία Υπεξθεηκέλνπ ζε κνξθή HTML Αξρεία εηθόλαο. image/jpeg image/gif (*.jpg, *.gif, *.png) Αξρεία πνιπκέζωλ. video/mpeg Αναπηςξη ιζηοζελίδαρ HTML(HyperTextMarkupLanguage) Πεξηερόκελν ηνπ site CSS(Cascading Style Sheets) Μνξθνπνίεζε πεξηερνκέλνπ Javascript Αιιειεπίδξαζε ρξήζηε θαη εθαξκνγήο HTML Δίλαη ε θύξηα γιώζζα ζήκαλζεο γηα ηηο ηζηνζειίδεο. Μαο επηηξέπεη λα κνξθνπνηήζνπκε ην θείκελν, λα πξνζζέζνπκε γξαθηθά, λα δεκηνπξγήζνπκε ππεξ-ζπλδέζκνπο, κνξθέο εηζόδνπ, θόξκεο, πιαίζηα, πίλαθεο, θιπ. Έλα αξρείν html είλαη αξρείν θεηκέλνπ θαη επεμεξγάδεηαη κε απιό θεηκελνγξάθν. Κάζε browser κπνξεί λα δηαβάζεη θαη λα εκθαλίζεη απηό ην αξρείν. Πεξηιακβάλεη mark-up tags(εηηθέηεο ζήκαλζεο) ηα νπνία θαζνξίδνπλ ηνλ ηξόπν εκθάληζεο ηεο ζειίδαο. Έλα αξρείν html έρεη θαηάιεμε.html ή.htm

Eηικέηερ Γεληθή κνξθή: <tag_name> πεξηερόκελν εηηθέηαο </tag_name> Γηα λα εκθαλίζεη ν Browser κία ζειίδα θάλεη ην εμήο: 1)Γηαβάδεη έλα αξρείν απινύ θεηκέλνπ (ην html αξρείν) 2) Ψάρλεη γηα εηηθέηεο πνπ ππάξρνπλ κεηαμύ ηωλ ζπκβόιωλ < θαη > Κάζε εηηθέηα έρεη όλνκα (πρ: html ή body). Πξέπεη λα αλνίγεη (πρ: <html> ή <body>) θαη λα θιείλεη (πρ:</html>ή </body>). Δλδηάκεζα ζηηο εηηθέηεο βξίζθεηαη ην πεξηερόκελν. Δηηθέηεο πνπ δελ έρνπλ πεξηερόκελν, θιείλνπλ ηνλ εαπηό ηνπο. (Πρ: <br/> θαη <hr/>) Σηελ HTML δελ είλαη απαξαίηεην λα θιείλνπλ νη ζπγθεθξηκέλεο εηηθέηεο, ζε αληίζεζε κε ηελ XHTML. Πξνηείλεηαη όκωο λα θιείλνπλ όιεο νη εηηθέηεο. Κύπιερ εηικέηερ: <html> Πεξηέρεη όιε ηε ζειίδα <head> Πεξηέρεη meta-πιεξνθνξίεο <title> Πεξηέρεη ην ηίηιν ηεο ζειίδαο <body> Πεξηέρεη ην πεξηερόκελν ηεο ζειίδαο (απηό πνπ είλαη νξαηό!!) Τν <html> πξέπεη λα πεξηέρεη κε ζεηξά ηηο εηηθέηεο <head> θαη <body> Ιεπαπσία εηικεηών Μία εηηθέηα κπνξεί λα πεξηέρεηαη νιόθιεξε (άλνηγκα - θιείζηκν) κέζα ζε κία άιιε. Όπνηα εηηθέηα αλνίγεη πξώηε, θιείλεη ηειεπηαία (εθόζνλ ε κία εηηθέηα πεξηέρεηαη κέζα ζηελ άιιε).

Ιδιόηηηερ εηικεηών Οη ηδηόηεηεο ηωλ εηηθεηώλ εκθαλίδνληαη ζην άλνηγκα ηεο εηηθέηαο κεηά ην όλνκα. Κάζε ηδηόηεηα έρεη όλνκα θαη ηηκή. Αλάκεζα ζην όλνκα θαη ζηε ηηκή ππάξρεη ην ζύκβνιν = θαη ε ηηκή πεξηιακβάλεηαη ζε "εηζαγωγηθά". Η θάζε ηδηόηεηα ρωξίδεηαη κε θελό από ην όλνκα ηεο εηηθέηαο θαη από ηηο άιιεο ηδηόηεηεο. Εηικέηερ επικεθαλίδων Οη επηθεθαιίδεο πεξηγξάθνληαη κε ηηο εηηθέηεο <h1>, <h2>,..,<h6>. Τν κεγαιύηεξν κέγεζνο είλαη ην <h1>θαη ην κηθξόηεξν ην <h6>. Οη επηθεθαιίδεο βνεζνύλ ζην λα γίλεηαη δηαθξηηή ε δνκή ηεο ζειίδαο. Καιό είλαη όκωο λα ρξεζηκνπνηνύκε επηθεθαιίδεο γηα ηίηινπο κόλν. Μπνξνύκε λα ρξεζηκνπνηήζνπκε ηελ ηδηόηεηα align γηα λα ζηνηρήζνπκε ηε θεθαιίδα. Π.ρ. <h1 align= "center"> Εηικέηα διασωπιζμού παπαγπάθων Οη παξάγξαθνη νξίδνληαη κε ηελ εηηθέηα <p>. Οη browsers πξνζζέηνπλ απηόκαηα κηα θελή γξακκή πξηλ θαη κεηά από κηα παξάγξαθν

Μπνξνύκε λα ρξεζηκνπνηήζνπκε ηελ ηδηόηεηα align (ηηκέο: right, left, center, justify) γηα λα ζηνηρίζνπκε ην πεξηερόκελν. Εηικέηα αλλαγήρ γπαμμήρ <br> Τν <br> ρξεζηκνπνηείηαη γηα αιιαγή γξακκήο (λέα γξακκή). Γελ είλαη ζωζηό λα ρξεζηκνπνηείηαη γηα κνξθνπνίεζε. Σε πεξίπηωζε πνπ γξάθνπκε XHTML, ε εηηθέηα αλνίγεη θαη θιείλεη καδί<br/>. Εηικέηα οπιζόνηιαρ γπαμμήρ <hr> Οπηηθά είλαη κηα νξηδόληηα γξακκή. Οη νξηδόληηεο γξακκέο (Horizontal Rule) ρξεζηκνπνηνύληαη γηα λα δείμνπλ κηα ελλνηνινγηθή αιιαγή ζην θείκελν. Οη ηδηόηεηεο ηνπ ζηνηρείνπ hr είλαη: align: Οξίδεη ηε ζηνίρηζε ηεο γξακκήο ωο πξνο ηα παξόληα όξηα ηνπ παξαζύξνπ ηνπ browser. Παίξλεη ηηο ηηκέο: left, center ή right. Δμ νξηζκνύ είλαη center (εθόζνλ δώζνπκε κήθνο ζηε γξακκή). noshade: Η γξακκή δελ ζα έρεη ζθηά size: Οξίδεη ην πάρνο ηεο γξακκήο ζε Pixel width: Οξίδεη ην κήθνο ηεο γξακκήο ζε Pixel (πρ:width=100) ή ζε πνζνζηό κήθνπο επί ηνπ παξαζύξνπ(πρ:width="30%"). Δμ νξηζκνύ είλαη width=100%. Πξνζνρή: Οη παξαπάλω ηδηόηεηεο δελ είλαη ζπκβαηέο κε ηελ html5! Άλλερ σπήζιμερ εηικέηερ Εηικέηα <b> ή <strong> <big> <small> <i> ή <em> <u> <sub> <sup> <del> Πεπιγπαθή Έληνλε γξαθή (Bold) Μεγάιν κέγεζνο γξακκάηωλ Μηθξό κέγεζνο γξακκάηωλ Πιάγηα γξαθή Υπνγξακηζκέλν θείκελν Κέηκελν ζε κνξθή δείθηε Κέηκελν ζε κνξθή εθζέηε Βάδεη κηα γξακκή πάλω ζην θέηκελν (ην δηαγξάθεη)

Ιζηοζελίδα 1

Ιζηοζελίδα 2