English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

Html - ένα δικτυακό τόπο γλώσσα εξήγησε - για πάνω από 35s

Web design RSS Feed





Αυτή είναι μια πολύ απλή επιφανειακή ματιά στο δικτυακό τόπο κώδικα HTML, για εκείνους που δεν έκανε ποτέ κανενός είδους Πληροφορικής στο σχολείο και δεν είχαν ποτέ την ανάγκη ή την ευκαιρία να δούμε », υπό την φούστα" του μέσου όρου της ιστοσελίδας σας. Δεν υπάρχει τίποτα ότι ένας έμπειρος webmaster θα βρείτε εδώ ότι δεν είναι πολύ βασικό, αλλά για εκείνους που έχουν μόλις αρχίσει να ανακαλύψουν την «ιστοσελίδα», και ιδίως εκείνων εγχειρήματα στο ... αρχής γενομένης ίσως από τη δική τους, εδώ είναι μια βασική κατανόηση για να κεντρίσει το ενδιαφέρον και ενδεχομένως να αρχίσουν άμεσα την μάθηση process.If που δεν γνωρίζουν καν τι είμαι μιλάμε όταν λέω HTML, ως μέσο για να παρακολουθεί τι μιλάμε όπως πάμε, τότε πήγαινε σε αυτή τη σελίδα - Βασισμένο Home Business Center & Συνεργατών και κάντε κλικ στην επιλογή 'Προβολή' στο επάνω μέρος του φυλλομετρητή σας και επιλέξτε "Πηγή" ή "Page Source" (ανάλογα με τον τύπο του browser σας) από το drop-down μενού. Θα βρεθεί αντιμέτωπη με ένα έγγραφο του Notepad με ανόητα αναζητούν σύμβολα, γράμματα και αριθμούς σχετικά με αυτό. Λοιπόν, αυτό είναι κώδικα HTML. Είναι το κωδικό "σχέδιο" για την ιστοσελίδα (δεν ολόκληρη την ιστοσελίδα) που ψάχνετε σε. Κρατήστε το Σημειωματάριο έγγραφο ανοιχτό να αναφερθώ όπως συζητάμε κάθε part.PS είχα να προσθέσω κάποια κενά στο παράδειγμα κωδικούς που κανονικά δεν θα ήταν εκεί, αλλιώς οι κωδικοί παράδειγμα θα μπορούσε να λειτουργήσει στην πραγματικότητα »και επηρεάζουν τον τρόπο το άρθρο κοίταξε σε αυτές τις ιστοσελίδες άρθρο που δέχονται παρατηρήσεις άρθρο τους με ικανότητα html κώδικα. Αλλά θα έχετε την ιδέα ... HTML δεν είναι τίποτα περισσότερο από μια σειρά από οδηγίες για browser πρόγραμμα (ή οποιοδήποτε πρόγραμμα που χρησιμοποιείται για να διαβάσει τις σελίδες web), να ερμηνεύσει και να παρουσιάσει την ιστοσελίδα σε μια οπτική μορφή για σας για να δείτε. Είναι από μεμονωμένα σύμβολα, με το καθένα έχει κάποια σημασία είτε από μόνο του ή μερικές φορές ένα σύνολο τους (συχνά πολλοί χαρακτήρες) που αντιπροσωπεύει μια απλή εντολή να πραγματοποιηθεί οποιοδήποτε μέρος της ιστοσελίδας, να πω ... μια εικόνα σε ένα συγκεκριμένο σημείο ή να εκτελέσει μια function.Firstly, στην κορυφή, θα δείτε το <html> ετικέτα, η οποία εντοπίζει η γλώσσα που χρησιμοποιείται. Τότε θα δείτε μια ετικέτα. Αυτό είναι συγκρίσιμη με την επικεφαλίδα "σε μια επιστολή, όπου το όνομα της εταιρείας σας, τη διεύθυνση και τον αριθμό τηλεφώνου, θα πάει. Είναι εκεί για τις μηχανές αναζήτησης, όπως το Google και Yahoo κλπ, ώστε να μπορούν, με μια ματιά, δείτε τι η ιστοσελίδα είναι και τι είναι περίπου. Σύμφωνα με το <κεφάλι> tag υπάρχουν <meta> tags, καθένα από τα οποία περιέχει πληροφορίες σχετικά με διάφορες πτυχές της ιστοσελίδας, όπως, η τίτλο, μια σύντομη περιγραφή, το πρόγραμμα που χρησιμοποιείται για τη δημιουργία της, πληροφορίες πνευματικών δικαιωμάτων, τις λέξεις-κλειδιά που σχετίζονται με το θέμα σχετικά με την ιστοσελίδα και άλλες οδηγίες που προορίζονται αποκλειστικά για την μηχανή αναζήτησης ρομπότ (spiders, crawlers - που έχουν διαφορετικά ονόματα), όταν visit.The <κεφάλι> σημείο είναι κλειστό τότε μακριά με ένα </ head>. Αυτό είναι ένα σημαντικό μέρος του κώδικα html. Κάθε ετικέτα που περιέχει μια εντολή πρέπει να "τελειώσει", χρησιμοποιώντας την ίδια ετικέτα με '/' μπροστά. Αυτό λέει το πρόγραμμα ότι ο συγκεκριμένος τύπος εντολή έχει ολοκληρωθεί. Είναι σαν να λέμε "πάνω" στο τέλος της transmission.There ραδιόφωνο είναι πάρα πολλά διαφορετικά είδη διδασκαλίας ετικέτες για να καλύψει σε ένα απλό άρθρο, αλλά καλύπτουν μερικές από τις πιο συνηθισμένες θα σας δώσει τη βασική ιδέα. Επόμενο είναι η <body>. Αυτή είναι η αρχή της μέρος της ιστοσελίδας που θα είναι ορατές στο πρόγραμμα περιήγησης. Στην περίπτωση της ιστοσελίδας μου παράδειγμα, η ετικέτα είναι μεγάλη, διότι περιέχει ορισμένες συγκεκριμένες οδηγίες, που ισχύουν για το σύνολο της ιστοσελίδας. Αφορούν το φόντο της σελίδας (σε αυτό περίπτωση μια εικόνα που χρησιμοποιείται για ένα υπόβαθρο που αποτελεί η κατακόρυφη ρίγες), το χρώμα του κειμένου της σελίδας και τα διάφορα χρώματα των υπερσυνδέσμων κάθε "στη σελίδα (πριν κατά και μετά είναι να κάνετε κλικ με κάποιος). Προφανώς, θα ήταν ένα τεράστιο έργο να εξηγήσει συστηματικά κάθε εισόδου, όπως έχω κάνει μέχρι τώρα, αλλά αρκεί να πω, υπάρχουν διάφορα είδη των ετικετών που περιέχουν κωδικοποιημένες οδηγίες που λένε το πρόγραμμα περιήγησης (ή το πρόγραμμα που χρησιμοποιείται για την παραγωγή την οπτική αναπαράσταση του κώδικα HTML) τι θα βάλουμε στην ιστοσελίδα, όπου για να το θέσω, τι χρώμα να καταστεί κλπ. Απλά όσον αφορά τα χρώματα, είναι όλα τα χρώματα του ουράνιου τόξου εκπροσωπείται από έξι ψηφία σύστημα που ονομάζεται δεκαεξαδικό σύστημα », η οποία δεν χρειάζεται να μπει παρά μόνο για να πω ότι κάθε κώδικα που μοιάζει" # A1B2C3 »αντιπροσωπεύει μια συγκεκριμένη colour.The πιο συχνά χρησιμοποιούνται κωδικοποιημένα δείτε τη νέα ετικέτα που περιέχει τη νέα εντολή, η οποία μπορεί να είναι απλώς μια αλλαγή χρώματος. Για παράδειγμα: <font face = "Arial" color = "# FFFFFF size =" 4 ">. Πρόκειται κείμενο γραμμένο με γραμματοσειρά Arial, χρώματος λευκού (# FFFFFF), μεγέθους 4 (το οποίο είναι 14pt κείμενο). <b>, <ι>, <u> - Κείμενο που μπορεί να έχει και άλλες ετικέτες στο <font> tag, που υποδηλώνουν, όπως αυτά έχουν, αντίστοιχα, έντονη γραφή, πλάγια τυπογραφικά στοιχεία και υπογράμμισε τύπου . Όταν η έντονη, πλάγια ή υπογράμμισε τύπο διακοπεί, πρέπει να υπάρχει αντίστοιχη </ b> ή </ i> κλπ., να αναθέσει το πρόγραμμα για να πάμε πίσω στο είδος προτύπου. <p> - είναι ένα διάλειμμα σκέψη. Μπορεί επίσης να περιέχει πρόσθετες πληροφορίες, όπως όπου να ευθυγραμμίσει την είσοδο (αριστερά, δεξιά, κέντρο ή δικαιολογούν). Για παράδειγμα: <p align = "left"> <br> - είναι ένα μόνο αλλαγή γραμμής. Δεν φέρει καμία επιπλέον οδηγίες. <Πίνακας> - Ένας πίνακας είναι απλά ένα κουτί. Μπορεί να είναι οποιοδήποτε μέγεθος, σε οποιαδήποτε θέση και να έχουν τα σύνορα ή μη, οι οποίες είναι έγχρωμες ή απλά, διακεκομμένη ή στερεά κλπ. Μπορεί να έχει ένα συγκεκριμένο χρώμα φόντου, η οποία είναι διαφορετική από την κύρια σελίδα φόντο. Μπορεί να περιέχει διαφορετικούς αριθμούς γραμμές ή στήλες ή απλώς να είναι ένα ανοιχτό παράθυρο. Κυττάρων Εάν ο πίνακας χωρίζεται σε γραμμές ή στήλες, τα διάφορα τμήματα μέσα στον πίνακα που ονομάζεται "που μπορεί να έχουν όλα τα σύνορα, το μέγεθος και τις επιλογές φόντο με την πίνακα. <tr> - Προσδιορίζει μια γραμμή σε έναν πίνακα. Είναι πάντα περιλαμβάνεται μεταξύ <τραπέζι> και </ table> tag. <Td> - Προσδιορίζει τα χαρακτηριστικά της κάθε δεδομένη κελί σε έναν πίνακα. Και πάλι, το μόνο που μπορεί να είναι μεταξύ <τραπέζι> και < / table> tag. Για παράδειγμα: κύτταρο »ή <td> tag μπορεί να μοιάζει κάπως έτσι: <td width =" 100% "height =" 64 "bgcolor =" # FFFFFF "style =" border: 1 solid # BF0000? Padding: 2 " > Στο συγκεκριμένο κωδικό, το πλάτος δείχνει 100% (από το τραπέζι στο οποίο περιλαμβάνεται), το ύψος εκπροσωπείται ως 64 pixels - δύο ποσοστά ή ακριβείς pixel μετρήσεις μπορεί να επιλεγεί. Το χρώμα του φόντου, όπως μπορείτε να δείτε, # FFFFFF, η οποία είναι λευκό και έχει στερεά συνόρων, 1 pixel πάχος και το χρώμα των συνόρων είναι # BF0000, το οποίο είναι ένα κόκκινο / καφέ χρώμα. Βλέπετε, επίσης, ένα άλλο χαρακτηριστικό - παραγέμισμα, η οποία στην προκειμένη περίπτωση είναι εικονοστοιχεία '2 '. Αυτή είναι η ουδέτερη ζώνη », γύρω από την εσωτερική ακμή του το κελί, ώστε το περιεχόμενο του κελιού (κείμενο, εικόνα ή οτιδήποτε άλλο) δεν κάθεται δεξιά επάνω από την άκρη των συνόρων κυττάρων. <a> - είναι άγκυρα "TAG ένα". Είναι χρησιμοποιείται πιο συχνά για να δημιουργήσετε μια υπερ-σύνδεση σε μια άλλη ιστοσελίδα (σε στον ίδιο χώρο) ή άλλο δικτυακό τόπο τελείως. Η "άγκυρα υπερ-σύνδεση" θα έχουν την ετικέτα <a href>. Υπερ-σύνδεση ετικέτες θα περιέχει την τοποθεσία του χρήστη είναι που πρέπει να ληφθούν. Για παράδειγμα, μια σύνδεση στην ιστοσελίδα μου παράδειγμα θα δούμε όπως αυτό: <a href = "http://www.online-plus.biz" target = "_new"> Ό, τι κείμενο πρέπει να περιλαμβάνει τις linkYou θα παρατηρήσετε επίσης στόχο "αποδίδουν", η οποία καθορίζει εάν ο προορισμός του συνδέσμου ανοίγει σε νέο "πρόγραμμα περιήγησης" σημείο στο οποίο επιθυμείτε να πάτε να θα έχει <όνομα> ετικέτα. Για παράδειγμα: <a href = "ανεξάρτητα"> Το κείμενο να είναι το σύνδεσμο </ a> και το σημείο στη σελίδα στην οποία συνδέει θα έχει μια ετικέτα <όνομα = "ανεξάρτητα"> Word ή εικόνας σε αυτό το σημείο συνδέεται με </ a> <img> - Είναι η εντολή για να εισαγάγετε μια εικόνα. Φυσικά, το πρόγραμμα πρέπει να γνωρίζει ποιες εικόνα για να εισαγάγετε έτσι, αυτό ετικέτα θα περιλαμβάνει τη θέση της εικόνας (με τη χρήση 'src', σημαίνει πηγή), η οποία θα είναι γενικά μέσα σε ένα φάκελο στο διακομιστή, που φιλοξενεί το δικτυακό τόπο. Ωστόσο, κατ 'ουσίαν, η διεύθυνση (URL) της κάθε εικόνας σε κάθε δημόσιο διακομιστή μπορεί να προστεθεί και η εικόνα θα εμφανιστεί στο διαδίκτυο σελίδα. Είναι εκπροσωπείται ως εξής: <img border = "0" src = "images/logo1.png" πλάτος = "195" height = "66"> Αυτή η εντολή λέει η εικόνα (με το όνομα του αρχείου "logo1.png") έχει δεν σύνορα ( "0"), είναι πηγή (όπου είναι εγκατεστημένες Είναι εικόνες "φάκελος της« σε αυτό το δικτυακό τόπο). Έχει, επίσης, οι μετρήσεις της εικόνας σε pixel. Αν μια εικόνα από μια άλλη ιστοσελίδα που απαιτείται να προστεθεί, την πλήρη διεύθυνση URL της εικόνας φαίνεται. Για παράδειγμα, εάν αυτό εικόνα αυτή βρίσκεται σε μια άλλη ιστοσελίδα εξυπηρετητή, αντί για το src "που images/logo1.png μόνο" (η οποία είναι μια τοπική ιστοσελίδα διεύθυνση), θα πρέπει να είναι «http://www.other-website. com / images/logo1.png ", έτσι ώστε το πρόγραμμα Θα ξέρετε ακριβώς πού να απευθυνθούν για να ανακτήσετε την image.That είναι για όλους που μπορούν να καλύπτονται σε σύντομο (ή δεν είναι τόσο σύντομο άρθρο) Ωστόσο, ελπίζω ότι σε εκείνους που είτε δεν είχε γνωρίσει ποτέ κώδικα HTML ή εκείνων που έχουν θεώρησε ότι είναι κάποιο μυστήριο μυστικό τεχνική ορολογία, θα δείτε τώρα το πιο φιλικό και understandable.In προηγούμενες ημέρες μου βρήκα αυτές τις ιστοσελίδες όπως W3Schools ως πολύτιμη πηγή στη διαδικασία της κατανόησης τι όλα τα "αλαμπουρνέζικα» σήμαινε. Υπάρχει επίσης ένας πλήρης κατάλογος όλων των διαφορετικών ετικέτες HTML και τη σημασία τους. Είμαι σίγουρος ότι είναι πάνω από 35 συμμαθητές μου (και ενδεχομένως ακόμη και νεότερους) θα too.The έκδοση 2005 του Steve Brennan του

Αρθρο Πηγη: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster παίρνει τον κώδικα HTML
Προσθεστε αυτο το αρθρο στον ιστοτοπο σας τωρα!

Webmaster υποβάλλει τα άρθρα σας
Εγγραφή που απαιτείται καμία! Συμπληρώστε τη μορφή και το άρθρο σας είναι στον κατάλογο Messaggiamo.Com

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Υποβαλουν τα αρθρα σας για να Messaggiamo.Com Directory

Κατηγοριες


Πνευματικα Δικαιωματα 2006-2011 Messaggiamo.Com - Site Map - Privacy - Webmaster υποβαλουν τα αρθρα σας για να Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu