actualNoteContentPart: ## Code blocks
  In Amplenote, code blocks recognize programming languages and color the code according to syntax. Code blocks do a number of other convenient things too, such as automatically indenting code or closing parentheses.
  
  To specify the language you are about to use in a code block, simply **include the name of the language anywhere in the first line** of the block of code, for example in a comment.
  
  Once you've specified the language, you may remove the first line from the code block, and it will remember the setting.
  
  
  | [Language](null)  | [Style preview](null)  | 
  | Javascript | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/6c8d3151-2724-47f0-83dd-4c817219ec27.png)   | 
  | C, C++, C# | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/41b49e0e-11ea-4b93-9436-eab4b457dd3a.png)   | 
  | CSS | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/c2265f3d-e686-44e2-a341-6f7caec003dc.png)   | 
  | HTML | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/da026a37-7089-486f-a1bb-582f18541ebd.png)   | 
  | Python | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/4d8baf31-7ecd-4d94-a706-f426a899e30c.png)   | 
  | Ruby | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/6e36f938-c70e-4542-a60c-f5d3be1750d6.png)   | 
  | Rust | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/984a8886-1287-4aee-822f-f72e93a384a1.png)   | 
  | XML | []() ![](https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/7e4cf249-cb1a-4468-a253-58ed6dd9a295.png)   | 
  
  
  ### Creating rainbow text with code blocks
  Not all of us are coders, and that's OK! You can also use code blocks to add some extra styling to your text.
  
  Simply [mention one of the supported color codes on the first line of the code block]()  and see what happens:
  
  
  | [Color code](null)  | [Style preview](null)  | 
  | rainbow | // rainbow A code block with rainbow-colored text.Every line is a different color.Check it out.Bluer.Bluerer.The more lines you add, the more shades are generated. | 
  | rainbow2 | // rainbow2 A code block with rainbow-colored text.Like rainbow1, but with a different color scheme. | 
  | rainbow3 | // rainbow3 A code block with rainbow-colored text.The color changes on every character. Longer lines have more colors.Rainbow3 also has no background color. | 
  | rainbow4 | // rainbow4 A code block with rainbow-colored text. Like rainbow3, except with a different color scheme. | 
  | rainbow5 | // rainbow5 Rainbow5 is pretty cool.Text color changes dynamically. | 
  | plain | // plain The "plain" color code removes ensure that all text is black on gray background. | 
  
  # Using the formatting toolbar
  > 
  
  The formatting toolbar is available in places where these options are otherwise hidden (e.g. Tasks and Jots Mode). Options available via this menu include all the usual text formatting, as well as link and Rich Footnote manipulation. Also, there are two editor options that are exclusive to this toolbar: [Extracting text to a note or a Rich Footnote](/help/notes_and_writing_other_settings#Extracting_text_to_a_note_or_a_Rich_Footnote) .
processedNoteContent: ---
  title: Note content formatting and page layout options
  headers: ## Code blocks
  ---
  Code blocks
  In Amplenote, code blocks recognize programming languages and color the code according to syntax. Code blocks do a number of other convenient things too, such as automatically indenting code or closing parentheses. To specify the language you are about to use in a code block, simply include the name of the language anywhere in the first line
   of the block of code, for example in a comment. Once you've specified the language, you may remove the first line from the code block, and it will remember the setting. | [Language](null)
    | [Style preview](null)
    |
  | Javascript | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/6c8d3151-2724-47f0-83dd-4c817219ec27.png]
     |
  | C, C++, C# | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/41b49e0e-11ea-4b93-9436-eab4b457dd3a.png]
     |
  | CSS | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/c2265f3d-e686-44e2-a341-6f7caec003dc.png]
     |
  | HTML | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/da026a37-7089-486f-a1bb-582f18541ebd.png]
     |
  | Python | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/4d8baf31-7ecd-4d94-a706-f426a899e30c.png]
     |
  | Ruby | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/6e36f938-c70e-4542-a60c-f5d3be1750d6.png]
     |
  | Rust | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/984a8886-1287-4aee-822f-f72e93a384a1.png]
     |
  | XML | []()
   [Image: OCR text for https://images.amplenote.com/c1d821d0-fad2-11ea-a5bc-f200a12bf340/7e4cf249-cb1a-4468-a253-58ed6dd9a295.png]
     | 
  Creating rainbow text with code blocks
  Not all of us are coders, and that's OK! You can also use code blocks to add some extra styling to your text. Simply [mention one of the supported color codes on the first line of the code block]()
    and see what happens: | [Color code](null)
    | [Style preview](null)
    |
  | rainbow | // rainbow A code block with rainbow-colored text.Every line is a different color.Check it out.Bluer.Bluerer.The more lines you add, the more shades are generated. |
  | rainbow2 | // rainbow2 A code block with rainbow-colored text.Like rainbow1, but with a different color scheme. |
  | rainbow3 | // rainbow3 A code block with rainbow-colored text.The color changes on every character. Longer lines have more colors.Rainbow3 also has no background color. |
  | rainbow4 | // rainbow4 A code block with rainbow-colored text. Like rainbow3, except with a different color scheme. |
  | rainbow5 | // rainbow5 Rainbow5 is pretty cool.Text color changes dynamically. |
  | plain | // plain The "plain" color code removes ensure that all text is black on gray background. | 
  Using the formatting toolbar
  
  The formatting toolbar is available in places where these options are otherwise hidden (e.g. Tasks and Jots Mode). Options available via this menu include all the usual text formatting, as well as link and Rich Footnote manipulation. Also, there are two editor options that are exclusive to this toolbar: [Extracting text to a note or a Rich Footnote](/help/notes_and_writing_other_settings#Extracting_text_to_a_note_or_a_Rich_Footnote)
   .
noteTitle: Note content formatting and page layout options