Περιεχόμενο

• Βήματα
• Συμβουλή

Εκτός από αμέτρητες ενσωματωμένες αριθμομηχανές, μπορείτε επίσης να κάνετε μαθηματικά στην επιφάνεια εργασίας σας χρησιμοποιώντας κώδικα HTML για να δημιουργήσετε τον εαυτό σας. Για να δημιουργήσετε έναν υπολογιστή από HTML, πρέπει να μάθετε μερικές βασικές γνώσεις αυτής της γλώσσας προγραμματισμού και, στη συνέχεια, να αντιγράψετε τον απαραίτητο κώδικα σε ένα πρόγραμμα επεξεργασίας κειμένου και να τον αποθηκεύσετε ως HTML. Τώρα μπορείτε να ανοίξετε το έγγραφο HTML στο αγαπημένο σας πρόγραμμα περιήγησης και να αρχίσετε να χρησιμοποιείτε τον υπολογιστή σας. Ακριβώς έτσι, όχι μόνο μπορείτε να κάνετε μαθηματικά στο πρόγραμμα περιήγησης, αλλά και να μάθετε τα βασικά των τεχνών προγραμματισμού!

Βήματα

Μέρος 1 από 4: Κατανοήστε τον κωδικό σας

1. 

   Μάθετε τις λειτουργίες κάθε html. Ο κωδικός που χρησιμοποιείτε για τη δημιουργία του υπολογιστή σας αποτελείται από πολλά θραύσματα σύνταξης. Συνδυάζονται για να δημιουργήσουν πολλά διαφορετικά στοιχεία του εγγράφου. Κάντε κλικ εδώ για να μάθετε πώς να εξοικειωθείτε με τη διαδικασία ή να διαβάσετε για να δείτε τι κάνει κάθε γραμμή κειμένου στον κώδικα που θα χρησιμοποιήσετε.
   • html: Αυτό το τμήμα της σύνταξης λέει στο υπόλοιπο έγγραφο τι γλώσσα θα χρησιμοποιηθεί. Στον προγραμματισμό χρησιμοποιούνται πολλές γλώσσες και ενημερώστε το υπόλοιπο έγγραφο με το οποίο είναι σωστό - html!
   • κεφάλι: Πείτε στο έγγραφο ότι το παρακάτω περιεχόμενο είναι τα δεδομένα σχετικά με τα δεδομένα, γνωστά και ως "μεταδεδομένα" (μεταδεδομένα). Ελάτε χρησιμοποιείται συχνά για να ορίσει ένα στιλιστικό στοιχείο του εγγράφου, όπως επικεφαλίδες, επικεφαλίδες κ.λπ. Μπορεί να θεωρηθεί ως ομπρέλα που καλύπτει τον υπόλοιπο κώδικα.
   • τίτλος: Εδώ θα ονομάσετε το έγγραφό σας. Αυτό το χαρακτηριστικό καθορίζει τον τίτλο του εγγράφου όταν ανοίγει στο πρόγραμμα περιήγησης html.
   • body bgcolor = "#": Αυτό το χαρακτηριστικό καθορίζει το φόντο και το χρώμα του σώματος του κώδικα. Ο αριθμός σε εισαγωγικά, αφού το σύμβολο # αντιστοιχεί σε ένα καθορισμένο χρώμα στο html
   • κείμενο = "": Η λέξη που περικλείεται σε εισαγωγικά καθορίζει το χρώμα του κειμένου στο έγγραφο.
   • όνομα φόρμας = "": Αυτό το χαρακτηριστικό καθορίζει το όνομα της φόρμας. Χάρη σε αυτό, το Javascript θα προσδιορίσει ποια είναι η εν λόγω μορφή και θα εφαρμόσει τη δομή που δημιουργήθηκε από τη φόρμα. Εδώ, για παράδειγμα, χρησιμοποιούμε τη φόρμα αριθμομηχανής και θα δημιουργήσει μια ξεχωριστή δομή για το έγγραφο.
   • τύπος εισόδου = "": Εκεί πραγματοποιείται η δράση. Η ιδιότητα "τύπος εισαγωγής" ενημερώνει το έγγραφο για τον τύπο εισαγωγής των τιμών στις υπόλοιπες αγκύλες. Θα μπορούσε να είναι κείμενο, κωδικοί πρόσβασης, κουμπιά (για υπολογιστές) κ.λπ.
   • τιμή = "": Αυτή η εντολή λέει στο έγγραφο ποιο περιεχόμενο περιλαμβάνεται στον τύπο εισαγωγής που καθορίζεται παραπάνω. Με μια αριθμομηχανή, θα ήταν τα ψηφία (1-9) και τα μαθηματικά (+, -, *, /, =).
   • onClick = "": Αυτή η σύνταξη περιγράφει ένα συμβάν - λέει στο έγγραφο ότι κάτι συμβαίνει όταν κάποιος πατήσει ένα κουμπί. Με έναν υπολογιστή, θέλουμε να πατάτε κάθε κουμπί για εμφάνιση. Για παράδειγμα, με το κουμπί "6", θα βάλουμε το document.calculator.ans.value + = '6' ανάμεσα σε εισαγωγικά.
   • αδερ: Αυτή η ετικέτα σάς βοηθά να επιστρέψετε μια γραμμή στο έγγραφο. Κάθε περιεχόμενο που ακολουθεί θα εμφανίζεται στη γραμμή κάτω από το περιεχόμενο πριν από αυτό.
   • / form, / body, και / html: αυτές οι εντολές λένε στο έγγραφο σε αυτό το σημείο, οι αντίστοιχες εντολές που αρχικοποιούνται θα τερματιστούν.
   διαφήμιση

Μέρος 2 από 4: Βασικός προγραμματισμός υπολογιστών HTML

1. 

   
   
   Αντιγράψτε τον ακόλουθο κωδικό. Επιλέξτε κείμενο στο παρακάτω πλαίσιο κρατώντας πατημένο και σύροντας από την επάνω αριστερή γωνία του πλαισίου στην κάτω δεξιά γωνία. Όλο το κείμενο θα γίνει πράσινο. Πατήστε "Command + C" σε Mac ή "Ctrl + C" σε υπολογιστή για να αντιγράψετε τον κωδικό στο πρόχειρο. διαφήμιση

Μέρος 3 από 4: Δημιουργήστε τον υπολογιστή σας

1. 

   
   
   Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου που βασίζεται σε υπολογιστή. Υπάρχουν πολλές επιλογές για εσάς, αλλά για ευκολία και ποιότητα, το TextEdit και το Notepad είναι οι δύο εφαρμογές που πρέπει να χρησιμοποιήσετε.
   • Στο Mac, κάντε κλικ στο μεγεθυντικό φακό στην επάνω δεξιά γωνία της οθόνης για να ανοίξετε το Spotlight. Στο Spotlight, πληκτρολογήστε TextEdit και κάντε κλικ στο πρόγραμμα: πρέπει να επισημανθεί με πράσινο χρώμα.
   • Στον υπολογιστή σας, ανοίξτε το μενού Έναρξη στην κάτω αριστερή γωνία της οθόνης. Πληκτρολογήστε Notepad στη γραμμή αναζήτησης και κάντε κλικ στην εφαρμογή Notepad που εμφανίζεται στη γραμμή αποτελεσμάτων στα δεξιά.

2. 

   
   
   Επικολλήστε τον κώδικα HTML που δημιουργείται από τον υπολογιστή στο έγγραφο.
   • Στο Mac, κάντε κλικ στο σώμα του εγγράφου και πατήστε "Εντολή + V". Στη συνέχεια, πρέπει να κάνετε κλικ στο στοιχείο "Μορφή" (μορφή) στο επάνω μέρος της οθόνης και "Δημιουργία απλού κειμένου" (Δημιουργία κενού κειμένου) μετά την επικόλληση.
   • Στον υπολογιστή, κάντε κλικ στο σώμα του εγγράφου και πατήστε "Ctrl + V".

3. 

   Αποθηκεύστε το αρχείο. Κάντε κλικ στο κουμπί "Αρχείο" στην επάνω αριστερή γωνία του παραθύρου και στο αναπτυσσόμενο μενού, κάντε κλικ στο "Αποθήκευση ως ..." (Αποθήκευση ως) - σε υπολογιστή ή "Σώσει ..." (Αποθήκευση) - σε Mac

4. 

   Προσθέστε την επέκταση HTML για το όνομα αρχείου. Στο μενού "Αποθήκευση ως ...", πληκτρολογήστε το όνομα αρχείου με την επέκταση ".html" και, στη συνέχεια, κάντε κλικ στην επιλογή "Αποθήκευση". Για παράδειγμα, για να καλέσετε το αρχείο First Computer θα αποθηκεύσετε ως "MayTinhDauTien.html".

Μέρος 4 από 4: Χρήση του υπολογιστή σας

1. 

   Βρείτε το αρχείο που μόλις δημιουργήσατε. Εισαγάγετε το όνομα αρχείου στο Spotlight ή στη γραμμή αναζήτησης του μενού Έναρξη όπως φαίνεται στο προηγούμενο βήμα. Δεν χρειάζεται να εισαγάγετε την επέκταση "html".

2. 

   Κάντε κλικ για να ανοίξετε το αρχείο. Το προεπιλεγμένο πρόγραμμα περιήγησης θα ανοίξει τον υπολογιστή σε έναν νέο ιστότοπο.

3. 

   Κάντε κλικ στα κουμπιά στον υπολογιστή για να το χρησιμοποιήσετε. Τα αποτελέσματα υπολογισμού θα εμφανιστούν στη γραμμή αποτελεσμάτων. διαφήμιση

Συμβουλή

• Μπορείτε να ενσωματώσετε αυτόν τον υπολογιστή στην ιστοσελίδα, αν θέλετε.
• Μπορείτε επίσης να χρησιμοποιήσετε ιδιότητες στυλ για να αλλάξετε την εμφάνιση του υπολογιστή σας.