Inhoud

• Stappen
• Advies

Naast talloze ingebouwde rekenmachines, kunt u ook op uw bureaublad rekenen met HTML-code om zelf te bouwen. Om een ​​computer van HTML te maken, moet u enige basiskennis van deze programmeertaal leren en vervolgens de benodigde code naar een teksteditor kopiëren en deze opslaan als HTML. U kunt nu het HTML-document openen in uw favoriete browser en uw computer gaan gebruiken. Zo kun je niet alleen rekenen in de browser, maar ook de basis van het programmeren leren!

Stappen

Deel 1 van 4: Begrijp uw code

1. 

   Leer de functies van elke html. De code die u gebruikt om uw computer te bouwen, is samengesteld uit vele syntaxisfragmenten. Ze combineren om veel verschillende elementen van het document te creëren. Klik hier om te leren hoe u vertrouwd kunt raken met het proces, of lees verder om te zien wat elke regel tekst doet in de code die u gaat gebruiken.
   • html: Dit deel van de syntaxis vertelt de rest van het document welke taal moet worden gebruikt. Bij het programmeren worden veel talen gebruikt en laat de rest van het document weten dat het is geschreven met - dat klopt - html!
   • hoofd: Vertel het document dat de onderstaande inhoud de gegevens over de gegevens zijn, ook wel "metadata" (metadata) genoemd. Comeinand vaak gebruikt om een ​​stilistisch element van het document te definiëren, zoals koppen, koppen, enz. Het kan worden gezien als een paraplu die de rest van de code bedekt.
   • titel: Dit is waar u uw document een naam geeft. Dit kenmerk bepaalt de titel van het document wanneer het wordt geopend in de html-browser.
   • body bgcolor = "#": Dit attribuut specificeert de achtergrond- en body-kleur van de code. Het getal tussen aanhalingstekens, na het # -teken, komt overeen met een opgegeven kleur in de html
   • text = "": Het woord tussen aanhalingstekens geeft de tekstkleur in het document aan.
   • form name = "": Dit attribuut specificeert de naam van het formulier. Dankzij dit zal Javascript identificeren wat het formulier in kwestie is en de structuur toepassen die is opgebouwd uit het formulier. Hier gebruiken we bijvoorbeeld het rekenmachine-formulier en het zal een aparte structuur voor het document creëren.
   • input type = "": Dit is waar de actie plaatsvindt. De eigenschap "invoertype" vertelt het document in welk type invoer de waarden in de rest van de haakjes staan. Dit kunnen tekst, wachtwoorden, knoppen (voor computers), enz. Zijn.
   • value = "": Deze opdracht vertelt het document wat de inhoud is in het hierboven gespecificeerde invoertype. Met een rekenmachine zijn dat de cijfers (1-9) en wiskunde (+, -, *, /, =).
   • onClick = "": Deze syntaxis beschrijft een gebeurtenis - vertelt het document dat er iets gebeurt wanneer iemand op een knop drukt. Met een computer willen we dat elke ingedrukte knop wordt weergegeven. Met de "6" -knop zullen we bijvoorbeeld document.calculator.ans.value + = '6' tussen aanhalingstekens plaatsen.
   • br: Deze tag helpt u om een ​​regel in het document terug te geven. Alle inhoud die erop volgt, wordt weergegeven op de regel onder de inhoud ervoor.
   • / form, / body en / html: deze opdrachten vertellen het document op dit punt, de overeenkomstige opdrachten die eerder zijn gemaakt, worden beëindigd.
   advertentie

Deel 2 van 4: Basic HTML-computerprogrammering

1. 

   
   
   Kopieer de volgende code. Selecteer de tekst in het onderstaande vak door deze ingedrukt te houden en van de linkerbovenhoek van het vak naar de rechter benedenhoek te slepen. De hele tekst wordt groen. Druk op "Command + C" op een Mac of "Ctrl + C" op een pc om de code naar het klembord te kopiëren. advertentie

Deel 3 van 4: Maak uw computer

1. 

   
   
   Open een teksteditor op uw computer. Er zijn veel opties voor u, maar voor het gemak en de kwaliteit zijn TextEdit en Kladblok de twee toepassingen die u kunt gebruiken.
   • Klik op de Mac op het vergrootglas in de rechterbovenhoek van het scherm om Spotlight te openen. Typ TextEdit in Spotlight en klik op het programma: het moet groen gemarkeerd zijn.
   • Open op uw pc het menu Start in de linkerbenedenhoek van het scherm. Typ Kladblok in de zoekbalk en klik op de Kladblok-app die rechts in de resultatenbalk verschijnt.

2. 

   
   
   Plak de door de computer gegenereerde HTML-code in het document.
   • Klik op de Mac op de hoofdtekst van het document en druk op "Command + V". Vervolgens moet u op het item klikken "Formaat" (format) bovenaan het scherm en "Maak platte tekst" (Maak lege tekst) na het plakken.
   • Klik op de pc op de documenttekst en druk op "Ctrl + V".

3. 

   Het bestand opslaan. Klik op de knop "Bestand" in de linkerbovenhoek van het venster en klik in het vervolgkeuzemenu op "Opslaan als ..." (Opslaan als) - op pc, of "Opslaan ..." (Opslaan) - op Mac

4. 

   Voeg de HTML-extensie toe voor de bestandsnaam. Typ in het menu "Opslaan als ..." de bestandsnaam met de extensie ".html" en klik op "Opslaan". Als u bijvoorbeeld het bestand First Computer wilt aanroepen, slaat u dit op als "MayTinhDauTien.html".

Deel 4 van 4: Uw computer gebruiken

1. 

   Zoek het bestand dat u zojuist hebt gemaakt. Voer de bestandsnaam in Spotlight of de zoekbalk van het menu Start in zoals weergegeven in de vorige stap. U hoeft de extensie "html" niet in te voeren.

2. 

   Klik om het bestand te openen. De standaardbrowser opent de computer op een nieuwe website.

3. 

   Klik op de knoppen op de computer om deze te gebruiken. De berekeningsresultaten verschijnen in de resultatenbalk. advertentie

Advies

• U kunt deze computer desgewenst in de webpagina insluiten.
• U kunt ook stijleigenschappen gebruiken om het uiterlijk van uw computer te wijzigen.