Πριν αρχίσεις να χρησιμοποιείς την γλώσσα HTML διάβασε αυτό το θέμα σίγουρα θα σε βοηθήσει!Βασικά όπως ξέρουμε όλοι η γλώσσα html χρησιμοποιείτε κυριότερα για να δημιουργούμε ιστοσελίδες.
Η html δεν είναι σπάσιμο κεφαλιού αλλα αντίθετα είναι πολύ Διασκεδαστική και Δημιουργική.
Πρώτα απ'όλα για να δείξουμε ότι φτιάξουνε ιστοσελίδα γραμμένη σε HTML αρχινάμε με τα εξής <html> </html> η ετικέτα '<html>' είναι η βάση και όλα τα υπόλοιπα γράφονται μέσα σε αυτήν, ότι αρχινάει(σχεδόν) πάντα κλίνη! χρησιμοποιώντας το σύμβολο "/".
Συνεχίζουμε με την ετικέτα <head></head> η οποια είναι το κεφάλι του html στην οποια βάζουμε κωδικούς που δεν φαίνονται δηλαδή δεν μπορούμε να τους δούμε όταν τρέχουμε την σελίδα
Αμέσως μετά πηγαίνει η ετικέτα <body> </body> δηλαδή το σώμα τις σελίδας μας που εκεί πέρα γράφετε ότι είναι εμφανές ότι θέλετε να βλέπει ο χρηστης όπως κείμενο εικόνα κτλ!
Παράδειγμα:
Τα χρώματα στην HTML και την Css φαίνονται περίπλοκα όμως δεν είναι. η ειδική χρησιμοποιούνε 6 χαρακτήρες #D1D1D1 για χρωματισμό ενώ ένας πιο απλός τρόπος για τα βασικά χρώματα είναι να χρησιμοποιούμε της λέξης χρωμάτων όπως #Red.
Παράδειγμα:
Πως θα εμφανίζετε:
Κόκκινο
Γρύζω
Κάθε ρύθμιση ετικέτας μπαίνει με τα το όνομα της, για παράδειγμα '<div οτιδήποτε ρύθμιση> </div>'.
Όλες οι ετικέτες: <!--><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><command><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form<frame><frameset><head><header><h1> - <h6><hr><html><i><iframe><img><input><ins><kbd><keygen><label><legend><li><link><map><mark><menu><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><table><tbody><td><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr>
Επίσης γίνετε να ενσωμάτωσης CSS μέσα σε html απλά μετά το όνομα τις ετικέτας βάζοντας
style="το css"
Παράδειγμα:
TEST
Τι είναι το "Div" και πως το χρησιμοποιούμε.
Όπως βλέπουμε σε ολες της ιστοσελίδες στο internet είναι χωρισμένες σε περιεχόμενα οπος αριστερά καπια πράγματα στο πάνω μέρος συνήθως το λογότυπο κτλ..
Ο Χωρισμός γίνετε όπως θέλεις για παράδειγμα!
Μέσα στης ετικέτες "Div" Μπορώ αν βάλω ότι παραπανίσιο θέλω όπως κείμενο και αλλα.
Ο Κωδικός είναι κάπως έτσι.:
HTML Div, ετικέτα.
HTML Style, όπως είπα με πιο πάνω είναι ενσωμάτωση css απευθείας σε κάποια ετικέτα html.
HTML Float, το float είναι η πλευρά που θα βρίσκετε το div ώστε να υπάρχει η δυνατότητα να κάθεται το ένα διπλά στο άλλο.
HTML Width και height, τα μεγέθη τον div σε css, pixel ή %.
HTML id, ονομάζουμε τα div σε περίπτωση που θα χρησιμοποιήσουμε ξεχωριστό css στο μέλλον.
Αποτέλεσμα..
Παίξε με το style βάλε background color και αλλα παρόμοιος όπως border και etc.
Παίξε με το width και το height και κάντο όπως σε βολεύει.
Βάλε μπόλικο αντικείμενο μέσα στα div όπως κείμενο <h1> <p> εικόνες και αλλα.
Αναλύστε τους κωδικούς. Σίγουρα θα καταλάβετε πολλά περισσότερα!
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου