HTML που εξηγείται: μέρος 2
Πάρτε αρχισμένος ιστοσελίδας χρησιμοποιώντας τα αρχεία κειμένων και τον κώδικα HTML! Αυτό το άρθρο είναι μια συνέχεια του HTML που εξηγείται: Μέρος 1, το οποίο δίνει μια γενική επισκόπηση του HTML. Εδώ, πρόκειται να πάρουμε nitty στο χαλικώδη ο ίδιος του κώδικα. Μόλις δείτε πόσο απλό είναι πραγματικά, πρέπει ΝΑ ΤΡΕΞΕΤΕ, όχι περίπατος στο κοντινότερο βιβλιοπωλείο και αρπάζετε το αντίγραφό σας ενός πρακτικού εγχειριδίου HTML. Εντάξει, αρχίστε.
Στην εξέταση της πηγής ιστοσελίδας, μπορεί να είχατε παρατηρήσει πολλά αυτά τα πράγματα: < >. They're called HTML tags, and they're what the computer uses to interpret the HTML code.
ΣΗΜΕΙΩΣΗ: σε αυτό το άρθρο έπρεπε να προσθέσω τα διαστήματα τις σε όλες ετικέττες HTML μου έτσι ώστε να μπορώ να τα επιδείξω χωρίς την κατοχή πραγματικά τους εργάζομαι. Υπάρχουν δύο τεχνάσματα HTML πραγματικά "αποκλείοντασ" τις ετικέττες HTML, αλλά κανένα από τα δεν λειτουργεί κατάλληλα σε αυτό το κιβώτιο υποβολής.
Το HTML κολλά παρουσιασμένος εδώ θα επιδείξει όπως έτσι: < FAKE TAG > αλλά στην πραγματικότητα είστε υποτιθέμενοι για να τους δακτυλογραφήσετε όπως έτσι:
Ένας φίλος του ορυχείου περιγράφει τις ετικέττες HTML όπως "σε/από τους διακόπτες." Ένα εύκολο παράδειγμα με το οποίο μπορείτε να είστε καλά-εξοικειωμένοι, είναι η τολμηρή εντολή. Για "να ανοίξουν" το άρθρο σε εφημερίδα με μαύρους χαρακτήρες, τύπος < b > (αλλά χωρίς τα διαστήματα). Όλο το κείμενο που έρχεται μετά από την τολμηρή ετικέττα, θα είναι έπειτα bolded. Για "να κλείσει" το τολμηρό χαρακτηριστικό, τύποσ < /b >. Οποιοδήποτε κείμενο που έρχεται μετά από το "άρθρο σε εφημερίδα με μαύρους χαρακτήρες από" την ετικέττα.
Αξίζει ότι σε όλες τις περιπτώσεις, όλο το κείμενο που πέφτει μεταξύ "σε" ή "από" την ετικέττα HTML θα πάρει το χαρακτηριστικό εκείνου του περιγραφέα ετικεττών. Πόσο κείμενο μπορείτε να βάλετε μεταξύ δύο ετικεττών HTML; Τόσο πολύς ή τόσο λίγα όπως θέλετε. Αυτός σημαίνει, μπορείτε να χρησιμοποιήσετε ακριβώς μερικές ετικέττες HTML για να σχεδιάσετε τις παραγράφους και τις παραγράφους του κειμένου.
Ποιες είναι μερικές άλλες ετικέττες HTML που οι σχεδιαστές Ιστού χρησιμοποιούν συχνά;
< i > και < /i > (για το σχόλιο σε εφημερίδα με πλάγιους χαρακτήρες) < u > και < /u > (για υπογραμμίστε) < br > (για να δημιουργήσει ένα ενιαίο σπάσιμο γραμμών).
Σοι περισσότερες αλλά όχι όλες τις περιπτώσεις, εάν ενεργοποιείτε μια ετικέττα HTML με να εσωκλείσετε το σε αυτές: < >s, you must also deactivate it at some point, as in < I > και < /i > για το σχόλιο σε εφημερίδα με πλάγιους χαρακτήρες που παρουσιάζεται ανωτέρω. Μια εξαίρεση σε αυτόν τον κανόνα είναι < p >, ή ετικέττες διαχωριστών παραγράφου, και < br > ή σπασίματα γραμμών.
Διευκρίνιση των πολλαπλάσιων χαρακτηριστικών κειμένων μέσα σε μια ενιαία ετικέττα HTML
Εργασία ετικεττών HTML με τους διαφορετικούς τρόπους, ανάλογα με την πτυχή του σχεδίου ελέγχουν. Όπως ανέφερα ανωτέρω, μπορείτε να ελέγξετε όλα τα στοιχεία του σχεδίου Ιστού μέσω του χωρισμού κώδικας-σελίδων HTML, της μορφοποίησης κειμένων, της τοποθέτησης εικόνας, του σχεδιαγράμματος σχεδίου, και της εισαγωγής συνδέσμων υπερ-κειμένου. Για αυτόν τον λόγο, μια ετικέττα HTML μπορεί να περιλάβει τις πολλαπλάσιες μεταβλητές. Αυτό ηχεί πολύ pjo' τρηθκηερ από είναι.
Παραδείγματος χάριν, μια ετικέττα με τις πολλαπλάσιες μεταβλητές εσώκλεισε όλους σε ένας από αυτούς: < >, can be used to format text. An equals (=) sign is used to specify multiple characteristics within a single HTML tag. To tag a section of text for font specs, begin with:
< font face=
Μην χρησιμοποιώντας κανένα διάστημα μετά από το σημάδι ίσων (=), δακτυλογραφήστε το όνομα πηγών σας στα αποσπάσματα, όπως έτσι: "arial". Μπορείτε επίσης να διευκρινίσετε το μέγεθος και το χρώμα εδώ. Στην ίδια ετικέττα που λέει στον περίβολο. Η ετικέττα πηγών σας θα μοιάσει τώρα με αυτό:
< font face="arial" size="2" > (αλλά χωρίς τα διαστήματα τελών).
Εάν θελήσατε, θα μπορούσατε επίσης να περιλάβετε ένα χρώμα για το κείμενο μέσα σε εκείνη την ετικέττα. Το χρώμα εισάγεται με τον ίδιο τρόπο όπως το πρόσωπο και το μέγεθος πηγών, και ονομάζεται μέσα στο σύνολο εισαγωγικών του είτε σε ένα βασικό όνομα όπως "μαύροσ" είτε "το κόκκινο", είτε έναν αριθμητικό κώδικα 6-ψηφίων που αρχίζει με ένα σημάδι αριθμού.
Έτσι, μια ετικέττα HTML που υποδεικνύει μια παράγραφο που δακτυλογραφείται την πηγή Arial στο 2$ο μικρότερο μέγεθος του τύπου, στο Μαύρο χρώματος, θα εμοίαζε με αυτό:
< font face="arial SIZE="2" color="black" >
Όλος ο τύπος που ήρθε μετά από αυτήν την ετικέττα HTML θα έπαιρνε τα χαρακτηριστικά ανωτέρω. Μόλις θελήσατε "αποκλείστε" τα χαρακτηριστικά πηγών εκείνης της διαφήμισης του κειμένου, θα δακτυλογραφούσατε την ετικέττα < /font >.
Χρησιμοποίηση των ετικεττών HTML για να προσθέσουν τις εικόνες ιστοσελίδας σας
Τώρα υποθέστε ότι θελήσατε να προσθέσετε μια εικόνα στο webpage σας. Και υποθέστε ότι η εικόνα βρέθηκε ήδη στο φάκελλο του ιστοχώρου σας όπου οι εικόνες αποθηκεύονται. Προκειμένου να γίνει η εικόνα να εμφανιστεί ΝΕΑ ιστοσελίδας σας, χρειάζεστε:
1. η πλήρης διεύθυνση Ιστού του ιστοχώρου σας (όπως http://www.wordfeeder.com),
2. ο φάκελλος (ή subdirectory) στον κεντρικό υπολογιστή σας όπου οι εικόνες κρατιούνται, και
3. το όνομα αρχείων της εικόνας (άκρες στο ιπγ).
Ο κώδικας HTML που χρησιμοποιείται για "να πάρει" μια εικόνα από μια πηγή είναι IMG SRC. Όπως πάντα, ανήκει μέσα σε εκείνα τα πρακτικά υποστήριγμα-πράγματα. Έτσι η ετικέττα σας θα άρχιζε:
< img src=
Χωρίς δακτυλογράφηση οποιωνδήποτε διαστημάτων πριν από ή μετά από = (ίσοι) το σημάδι, you'd κολλά έπειτα το URL όπου η εικόνα βρίσκεται (όπως εξηγείται στα παραδείγματα 1 ..2 και 3 ανωτέρω), και ακολουθεί με το όνομα αρχείου και ιπγ το τελείωμα. Θα επεξηγήσω αυτό με ένα παράδειγμα από τη συλλογή Ιστού εικόνων μου:
< img src="http://www.wordfeeder.com/sitebuildercontent/sitebuilderpictures/wordfeederlogox.jpg" >
Με τη δακτυλογράφηση ότι η ετικέττα HTML με τις συγκεκριμένες πληροφορίες διευθύνσεων και φακέλλων Ιστού/το όνομα αρχείου μέσα στα εισαγωγικά, ο υπολογιστής ξέρει την προέλευση της εικόνας, και έπειτα "σύνδεσμος υπερ-κειμένου αυτό" ιστοσελίδας σας.
Εάν είστε πάντα αβέβαιοι του filepath μιας εικόνας χρειάζεστε, πηγαίνετε στο webpage όπου βρίσκεται και έπειτα σωστός-κρότος την εικόνα. Κάτω από "τις ιδιότητεσ", θα βρείτε την πλήρη πορεία URL που πρέπει να δακτυλογραφηθεί μεταξύ των δύο εισαγωγικών που μειώνονται μέσα στην ετικέττα πηγής εικόνας σας.
Σημείωση: δεν χρειάζεστε "αποκλείετε" μια ετικέττα εικόνας.
Μπορείτε επίσης να περιλάβετε τις πολλαπλάσιες μεταβλητές μέσα σε μια ενιαία ετικέττα εικόνας. Παραδείγματος χάριν, εάν θελήσατε να αριστερός-ευθυγραμμίσετε την ανωτέρω εικόνα, you'd εκδίδει την ανωτέρω ετικέττα για να μοιάσει με αυτό:
< img src="http://www.wordfeeder.com/sitebuildercontent/sitebuilderpictures/wordfeederlogox.jpg" align=left >
Ετικέττες συνδέσμων υπερ-κειμένου για τις διευθύνσεις ηλεκτρονικού ταχυδρομείου και ιστοχώρου
Πάντα αναρωτηθείτε πώς τα webmasters δημιουργούν τις ζωντανές συνδέσεις; Μια ζωντανή σύνδεση να πει κάτι σαν, "να χτυπήσει εδώ για περισσότερες πληροφορίες!" και έπειτα όταν χτυπάτε εκεί, μεταφέρεστε ξαφνικά νέα ιστοσελίδας. Μια ζωντανή σύνδεση είναι απλά τύπος που καλύπτει μια διεύθυνση ιστοχώρου. Έλεγχος αυτό έξω:
< a href="http://wordfeeder.com" >Επίσκεψη Wordfeeder για περισσότερες πληροφορίες!< /a >
Αυτός ο κώδικας HTML για "το κείμενο". Φαίνεται παράξενο, αλλά σκέφτεται για το αυτόν τον τρόπο. Το πρώτο μέρος σε αυτό που εσωκλείεται σε αυτοί: < >, is what turns on the "make the following words into a link that leads to the address I am typing here" function. The end tag, < /A > είναι τι "αποκλείει" το χαρακτηριστικό γνώρισμα "σύνδεσης υπερκειμένων" και θα σας αφήσει έπειτα να επαναλάβετε τη δακτυλογράφηση το κανονικό, αποσυνδεμένο κείμενο.
Δεδομένου ότι μπορείτε να δείτε, με τη δακτυλογράφηση μερικών απλών ετικεττών HTML, μπορείτε να δημιουργήσετε μερικά όμορφα καταπληκτικά πράγματα. Αυτό το άρθρο είναι ακριβώς η κορυφή του παγόβουνου. Ελπίζω ότι οι εξηγήσεις και τα παραδείγματα που παρουσιάζονται έχουν παράσχει τουλάχιστον μια βασική κατανόηση του HTML για σας. Ένας μεγάλος τρόπος να μάθει είναι με "τη μελέτη" του κώδικα ιστοσελίδας άλλων ανθρώπων από το παράθυρο View>Source. Ασκείτε με την αντιγραφή του κώδικα HTML τους στις πλαστές σελίδες σας, και τη συμπλήρωση του "κρέατοσ" μεταξύ του τους "σε" και "από" τις ετικέττες με το κείμενο και τις εικόνες που ταιριάζουν τους σκοπούς σας. Αλλά να είστε προσεκτικός. Εάν κολλάτε το HTML ανακριβώς, μπορείτε συνολικά να καταστρέψετε και να αλλοιώσετε το έγγραφό σας.
Για τους λαούς που θέλουν να πάρουν στο σοβαρό σχέδιο, ιδιαίτερα συστήνω ότι αγοράζετε έναν περιεκτικό οδηγό HTML. Μόλις πάρετε κρεμάστε του HTML, εκεί καμία αφήγηση τι μπορείτε να δημιουργήσετε!
Πνευματικά δικαιώματα 2005 Dina Giolitto. Τα δικαιώματα που διατηρούνται όλα.
Η Dina Giolitto είναι βασισμένος στο Νιου Τζέρσευ! σύμβουλος Copywriting με την εμπειρία βιομηχανίας εννέα ετών. Η τρέχουσα εστίασή της είναι περιεχόμενο Ιστού και μάρκετινγκ Ιστού για ένα πλήθος προϊόντων και υπηρεσιών αν και ο όγκος της εμπειρίας της βρίσκεται σε λιανικό για τις επιχειρήσεις μεγάλος-ονόματος όπως Toys"R"Us. Επίσκεψη http://www.wordfeeder.com για τα ποσοστά και τα δείγματα.
Αρθρο Πηγη: Messaggiamo.Com
Related:
» Home Made Power Plant» Singorama
» Criminal Check
» Home Made Energy
Webmaster παίρνει τον κώδικα HTML
Προσθεστε αυτο το αρθρο στον ιστοτοπο σας τωρα!
Webmaster υποβάλλει τα άρθρα σας
Εγγραφή που απαιτείται καμία! Συμπληρώστε τη μορφή και το άρθρο σας είναι στον κατάλογο Messaggiamo.Com
