Basic HTML in Inky (Ink Tutorial)

As you work in Inky, you’ll notice there’s no bold or italic buttons. If you want to modify text, you’ll need to do it manually.
In this post, I'll be showing you how to customize text with basic HTML entities!

Bold Text

Surround the text with <b></b> or <strong></strong>.

<b> INPUT TEXT HERE </b>
<strong> INPUT TEXT HERE </strong>


Italic Text

Surround the text with <i></i> or <em></em>.

<i> INPUT TEXT HERE </i>
<em> INPUT TEXT HERE </em>


Underline Text

Surround the text with <u></u>.

<u> INPUT TEXT HERE </u>


Highlight Text

Surround the text with <mark></mark>.

<mark> INPUT TEXT HERE </mark>

Using bold, italic, highlight, and/or underline can be useful for adding extra emphasis in your writing!



Headings

Surround the text with <h1></h1>. Adjust the number to affect the size.

<h1> INPUT TEXT HERE </h1>
<h2> INPUT TEXT HERE </h2>
<h3> INPUT TEXT HERE </h3>
<h4> INPUT TEXT HERE </h4>
<h5> INPUT TEXT HERE </h5>


Choice Alignment

Use brackets [] to hide the code once it’s selected.

// Center Alignment:
<center> INPUT TEXT HERE </center>
[<p style=“text-align:center;”> INPUT TEXT HERE </p>] REPEAT TEXT HERE

[<p align="center">] INPUT TEXT HERE
    
// Left Alignment:
[<p style=“text-align:left;”> INPUT TEXT HERE </p>] REPEAT TEXT HERE

[<p align="left">] INPUT TEXT HERE
    
// Right Alignment:
[<p style=“text-align:right;”> INPUT TEXT HERE </p>] REPEAT TEXT HERE

[<p align="right">] INPUT TEXT HERE


Choice Colors

HTML supports 140 color names. You can find the full list of color names here. If you want a specific color, you’ll need to input the RGB code.

Use brackets [] to hide the code once it’s selected.

[<p style="color:rgb(255, 50, 255);"> INPUT TEXT HERE </p>] REPEAT TEXT HERE

// Or you could use a color name.
[<p style="color:green;”> INPUT TEXT HERE </p>] REPEAT TEXT HERE
If you have any questions, leave a comment! I’ll do my best to help!

Leave a Reply

Your email address will not be published. Required fields are marked *