Η σύντομη αυτή φροντιστήριο θα σας καθοδηγήσει δημιουργώντας την πρώτη σας ιστοσελίδα.
Τι είναι η HTML, και Τι χρειάζομαι;
Για να δημιουργήσετε ένα έγγραφο HTML που πρέπει να καταλάβουν ότι HTML είναι η γλώσσα της Net. Είναι ένα απλό αλλά καθολική mark-up γλώσσα που δίνει προγραμματιστές και σχεδιαστές τη δυνατότητα να δημιουργεί πολύπλοκες σελίδες κειμένου που μετατρέπονται σε εικόνες, στυλ, και πολύτιμο περιεχόμενο που μπορεί να θεωρηθεί από κάθε ένα άτομο με τη χρήση οποιουδήποτε είδους υπολογιστή ή σε πρόγραμμα περιήγησης το web.
Ορισμένοι από εσάς μπορεί να έχουν ακούσει ότι χρειάζεται κάποιο είδος ειδικού λογισμικού για να δημοσιεύσετε τη δική σας σελίδα HTML, ωστόσο, ότι είναι μια κατάφωρα ψευδής δήλωση.
Εδώ μικρή λίστα με όλα τα εργαλεία που χρειάζεστε:
-Ένα πρόγραμμα επεξεργασίας κειμένου (όπως SimpleText, BBEdit, Notepad, ή το Microsoft Word)
-Η απλή γνώση της HTML. (Ευτυχώς HTML είναι εύκολο και διασκεδαστικό να μάθετε!)
Ναι! Thats it! Αυτά είναι όλα τα εργαλεία που χρειάζεστε, από τώρα, είπα ότι ήταν μικρή λίστα.
Ετικέτες
H ΥΠΕΡ Τ ext M κιβωτό-up-ΓΛΩΣΣΙΚΕΣ κυρίως αποτελείται από αρκετές ετικέτες που είναι ενσωματωμένα σε ένα απλό έγγραφο κειμένου. Είναι πραγματικά ακριβώς κρύβεται πίσω από τα παρασκήνια, που ελέγχει τα περισσότερα από αυτά που σας επιτρέπει να δείτε, και αυτό που θέλει για να δείτε στο καθορισμένο χρονικό διάστημα. Χμμ, το είδος του μου θυμίζει τη δυνατότητα γονικού ελέγχου για την τηλεόραση λίγο.
HTML tags σε μεγάλο βαθμό να λαμβάνει υπόψη την ύπαρξη της αγγλικής γλώσσας. Δεδομένου ότι οι περισσότερες από τις ετικέτες είναι λέξεις (όπως BLOCKQUOTE) ή συντομογραφίες (όπως το "π" για σκέψη), αλλά ότι είναι μοναδική τακτική που διαχωρίζεται από το κείμενο, δεδομένου ότι πρόκειται για μικρή γωνία τοποθετείται σε παρένθεση (όπως αυτά τα <>) . Ως εκ τούτου, η τολμηρή ετικέτας θα μοιάζουν <b>, και το tag είναι BLOCKQUOTE <blockquote>.
Υπάρχουν ορισμένες ετικέτες που θα έχουν την πλέον επιρροή σχετικά με το πώς θα είναι η σελίδα μορφοποιείται (για παράδειγμα? <p> Ξεκινά μια νέα παράγραφο, μπορεί να σπάσει και <br> από την τελευταία γραμμή, κατά την παράγραφο για να επιτρέψει ένα διάστημα), και άλλοι διαφοροποιούν πώς φαίνονται οι λέξεις (<i> κάνει πλάγια κείμενο). Οι περισσότεροι άλλοι παρέχουν πληροφορίες - όπως είναι ο τίτλος - που δεν εμφανίζεται στην ίδια σελίδα.
Ένα πολύ σημαντικό πράγμα που πρέπει να θυμάστε σχετικά με τις ετικέτες είναι ότι για κάθε μία ετικέτα υπάρχει άλλη μία αξιόπιστη μαζί με αυτό. Κάθε φορά που χρησιμοποιείτε ένα tag - πω <br> - πρέπει επίσης να προσθέσετε και να κλείσει το διακόπτη με άλλη ετικέτα - στην περίπτωση αυτή, </ br>. Σημειώστε το κάθετο - / - πριν από την ετικέτα "br"? Αυτό είναι που κρατάει σε αντίθεση τη λήξη της ετικέτας από το άνοιγμα της ετικέτας.
Μια βασική σελίδα HTML ξεκινά πάντοτε με την ετικέτα <HTML> και τελειώνει με </ html>. Στο μεταξύ, το αρχείο έχει δύο τμήματα - την κεφαλίδα και το σώμα.
Η κεφαλίδα που περικλείεται από την <HEAD> και </ HEAD> tags - περιέχει πληροφορίες για τη σελίδα σας ότι δεν θα είναι ορατή στην τελευταία σελίδα, για παράδειγμα, ο τίτλος. Ο οργανισμός που περικλείεται από <BODY> και </ body> - είναι όταν η πραγματική HTML δράση λαμβάνει χώρα. Κάθε πράγμα που εμφανίζεται στη σελίδα που περιέχεται εντός αυτών των ετικετών.
Τώρα στο HTML του εγγράφου
Νομίζω ότι είμαστε έτοιμοι να ξεκινήσουν τη δημιουργία ενός απλού σελίδα. Σωστά; Ok το πρώτο βήμα, φυσικά, είναι να δημιουργήσουμε ένα νέο έγγραφο κειμένου (θυμηθείτε, θα πρέπει να αποθηκευτεί ως "Κείμενο" ή "Απλό Κείμενο" Αν χρησιμοποιείτε ένα πρόγραμμα επεξεργασίας κειμένου που είναι από εκτρέφων ζώα, ας πούμε, SimpleText ή Notepad) και το όνομα "anything.html" όπου "τίποτα" είναι, um, και ουσιαστικά οτιδήποτε.
Το βασικό έγγραφο που θα πρέπει να είναι κάπως έτσι:
<HTML> <HEAD> <TITLE> SimpleHelp.Net </ TITLE> </ HEAD> <BODY> Βασικά <h1> HTML </ h1> <p> Αυτό είναι ένα απλό άρθρο που θα σας βοηθήσουν να δημιουργήσετε μια σελίδα HTML που εργάζονται για SimpleHelp.Net! </ p> Απλή <p> βοηθά στην SimpleHelp.Net:) </ p> </ body> </ html>
Εντός του <HEAD> ετικετών, έχουμε τον τίτλο "SimpleHelp.Net" που θα εμφανιστεί στο μπαρ σε όλη την κορυφή του φυλλομετρητή σας.
Εντός του σώματος ετικέτες, θα πρέπει να έχετε πάντα ότι θα είναι σαφώς ορατή στην σελίδα. Με όσα έχουμε γραπτή ανωτέρω, θα είναι κάπως έτσι:
HTML Basics
Αυτό είναι ένα απλό άρθρο που θα σας βοηθήσουν να δημιουργήσετε μια σελίδα HTML που εργάζονται για SimpleHelp.Net.
Απλή βοηθά στην SimpleHelp.Net
Όπως μπορεί να έχετε μαντέψει, <h1> είναι η ετικέτα για μια επικεφαλίδα (μεγαλύτερος τίτλος, στην πραγματικότητα, σε σύγκριση με <h2>, <h3>, και ούτω καθεξής) και <p>, βέβαια, σηματοδοτεί την αρχή μιας νέας παραγράφου. Κάθε σκέψη είναι κλειστά από αντίστοιχη </ p> tag. Όπως κάθε άλλη ετικέτα πρέπει να είναι κλεισμένες από τους ανταποκριτριών ετικέτες που περιλαμβάνουν ένα "/".
Μήπως "HTML-σης" φαίνεται αρκετά απλό; Και μάντεψε τι; Θα είναι σίγουρος!
Κάθε σελίδα έχει ένα πηγαίο κώδικα, και αυτό μπορεί με αυτό μπορείτε να δείτε όλες τις σελίδες HTML κώδικα από την πρόσβαση μέσω browsers σας μενού επιλογών. Και το καλύτερο από όλα, δεν χρειάζεται τη δική σας αρχική σελίδα στην πράξη! Μπορείτε να αποθηκεύσετε έγγραφα HTML στον τοπικό σας ή φορητές μονάδες δίσκου και στη συνέχεια να τους ανοίξει την χρήση της ανοικτής επιλογής που προβλέπεται στο πλαίσιο του μενού File browser σας.
Εύχομαι σε όλους καλή τύχη, όπως ελπίζω αυτό βοήθησε ένα ζευγάρι αρχάριων αναγνώστες δημιουργήσετε μια σελίδα HTML και ενδεχομένως ακόμη και βοήθησε ανανεώσετε μερικά από τα πιο ενδιάμεσα προγραμματιστές μυαλό επίσης.
Νιώστε ελεύθεροι να σχολιάσουν!
3 comments… read them below or (3 comments ... διαβάστε τις πιο κάτω ή προσθέσω ένα )
Δεν μπορείτε να κλείσετε ένα br ετικέτα.
Επίσης, κάθε απλό αρχείο κειμένου με επέκταση html είναι αρκετό.
Για να διευκρινίσει λίγο, είναι αλήθεια ενός br ετικέτας δεν πρέπει να κλείσει, διότι είναι μία από τις δύο υφιστάμενες ετικέτες που είναι αυτόματο κλείσιμο, οι άλλες ετικέτας είναι η ετικέτα. Σε αυτό το άρθρο, στο κλείσιμο της ετικέτας br ήταν μόνο ένα παράδειγμα.
Ναι αυτό είναι σωστό, κάθε απλό κείμενο αρχείου που είναι αποθηκευμένο με την επέκταση. Html είναι αρκετή.
Ευχαριστώ Νικόλα για την παρατήρησή σας. Σας πρόσθετες πληροφορίες.
Οι δύο αυτόματο κλείσιμο ετικέτες είναι το br και IMG tags.
Αφήστε ένα σχόλιο