Hoe te verbeteren uw Instructables met behulp van HTML (2 / 14 stap)

Stap 2: Code in uw Instructable brengen

Het vak met de Arduino knipperen voorbeeld schets:

 /* Blink Turns on an LED on for one second, then off for one second, repeatedly. This example code is in the public domain. */ // Pin 13 has an LED connected on most Arduino boards. // give it a name: int led = 13; // the setup routine runs once when you press reset: void setup() { // initialize the digital pin as an output. pinMode(led, OUTPUT); } // the loop routine runs over and over again forever: void loop() { digitalWrite(led, HIGH); // turn the LED on (HIGH is the voltage level) delay(1000); // wait for a second digitalWrite(led, LOW); // turn the LED off by making the voltage LOW delay(1000); // wait for a second } 

Dit vak is geformatteerd met de pre -tag om: Houd whitespace betreft, gebruik van hetzelfde lettertype Arduino, stel de breedte op 600px, de hoogte op 300px ingesteld, maken de lettertype grootte 11px, een grijze rand maken en maken een licht grijze opvulling.

Code

 <pre style="font-family:Monaco; width:600px; height:300px; font-size:11.0px; border:1.0px solid #6E6E6E; overflow-y:auto; background-color:#F2F2F2;"> PUT CODE HERE NOTE: Remove the space between the "/" and the "pre" below </ pre> 

Als de hoogte is gedefinieerd, wordt een scrollbar automatisch gemaakt als de code verder reikt dan het gearceerde gebied. Anders zal het gearceerde gebied wikkel rond alle tekst, geen kwestie hoe groot of klein.