If you are a beginner to HTML coding, these codes will be useful to help you make your text stand out and add links! I may add more HTML codes in the future, but I hope these help you for now! 😊

Font HTML Codes

• Bold text:

<b>Text goes here</b>

• Italic text:

<i>Text goes here</i>

• Underline text:

<u>Text goes here</u>

• Strikeout text

<s>Text goes here</s>

*NOTE: You can combine any of these font formatting codes together!

Example: If you want your text to be both bold and italic, like this, you would use:

<b><i>Text goes here</i></b>

• Change font color 

You can choose a regular color name... 

<font color="name of color goes here">Text goes here</font> 

or

You can choose a hexadecimal code [click here]

<font color="#hexadecimal code goes here">Text goes here</font>

• Change font size 

(font size range 1-7 [smallest: 1 / largest: 7])

<font size="size of font">Text goes here</font>

*NOTE: You can combine these font formatting codes together as well! 

Example: If you want your text to be both blue and size 5 font, like this, you would use:

<font color="blue" size="5">Text goes here</font>

• Highlight text

You can choose a regular color name... 

<span style="background-color: name of color goes here">Text goes here</span>

or

You can choose a hexadecimal code [click here]

<span style="background-color: #hexadecimal code goes here">Text goes here</span>

Text Alignment Codes

*NOTE: The default alignment of text is left alignment. The following codes will change the alignment to the center or the right.

• Center text

Example

<p style="text align: center>Text goes here</p>

• Right-align text

Example

<p style="text-align: right">Text goes here</p>

How To Add A Line Break So Text Appears Underneath Other Text

• Line break

Text goes here <br/>

Text goes here

Link HTML Codes

• Text link 

Example: My Profile URL

<a href="URL goes here">Text goes here</a>

• Image link

Example:

<a href="URL goes here"><img src="Image URL goes here"></a>

Picture HTML Codes

• Adding pictures

If you are unfamiliar with how to add pictures to your SpaceHey profile, [click here]. That link will give you step-by-step instructions for how to get an image URL code (also known as an image address) that you can use to add pictures to your profile.

The basic HTML for adding a picture is:

<img src="Image URL goes here">

*NOTE: Pictures added using just the above HTML code will be left-aligned by default!

• Centering a picture

<center><img src="Image URL goes here"></center>

Example:

• Float a picture left for right-aligned text wrap

<img style="float: left; margin: 0px 15px 15px 0px;" src="Image URL goes here">

TEXT GOES HERE

<br style="clear:both"/>

Example:

TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE

• Float a picture right for right-aligned text wrap

<img style="float: right; margin: 0px 15px 15px 0px;" src="Image URL goes here">

TEXT GOES HERE

<br style="clear:both"/>

Example:

TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE

Let me know if you have any questions & if you find this post helpful, please leave kudos! 😊