Notes

Text
Let's get started.

First you'll learn how to make the text bold, italic, underline and strike through. There's also sub and sup

Here are the codes,

<*b>bold<*/b>
<*i>italic<*/i>
<*u>underline<*/u>
<*s>strike through<*/s>
<*sub>sub<*/sub>
<*sup>sup<*/sup>

Remember to take out the *

Fonts

Now, changing the font's family, size and color.

There's a list of safe fonts you can use on html. You can see some here safe fonts. You always start with '<*div style=' and close the code with '<*/div>'.

<*div style= "font-family: century gothic;">Text<*/div>


For the font size you use a number followed by 'px'.

<*div style= "font-family: century gothic; font-size: 12px;">Text<*/div>


The font color has a HEX code. You can find them here: color codes

<*div style= "font-family: century gothic; font-size: 12px; color: #HEX;">Text<*/div>

Block Quotes
This is a blockquote. It's default color is this soft yellow background. The code is, <*blockquote> Text<*/blockquote>

You can change the background color, and font style

To the previous code you add 'style= "background-color: #HEX' and then the style of your font,

<*blockquote style= "background-color: #HEX; font-family: century gothic; font-size: 14px; color: #HEX;">Text<*/blockquote>
Text Align

CENTER: <*div style= "text-align: center;">Text<*/div>
RIGHT: <*div style= "text-align: right;">Text<*/div>
JUSTIFY: <*div style= "text-align: justify;">Text<*/div> usually for big paragraphs

Colums
<*div style= "float: left; width: 100px;">Left column<*/div>
<*div style="float: right; width: 100px;">Right column<*/div>

Border
Remember to add breaking codes <*br> after columns. Or else the text would be on the middle of both columns.

<*div style= "float: left; width: 100px; border: #000000 2px solid; padding: 10px;">Left column<*/div>
<*div style= "float: right; width: 100px; border: #000000 2px dashed; padding: 10px;">Right column<*/div>

Rainbow Borders

<*div style= "border: solid 10px solid #F78181;">
<*div style= "border: solid 9px solid #F79F81;">
<*div style= "border: solid 8px solid #F5DA81;">
<*div style= "border-top: solid 0px; font-family: Times new roman; text-align: center; background-color: #BEF781; font-size: 15px; color: #000000; padding: 10px;">
<*/div><*/div><*/div><*/div>

Padding and Margins

<*div style= "font-family: garamond; font-size; 13px; border: solid 2px #000000; padding: 10px; margin: 50px;">Text<*/div>

Adding Pictures
<*img src= "Image link" style= "width: 300px;">

Make sure to not delete the " " symbols. You can change the width of the image but it can't be greater than 440px or it'll go outside the comment box.

Bordered Pictures
<*img src= "image link" style= "width: 300px; border: 4px solid #000000;">

Gifs
Centered:<*center><*img src= "gif link" style= "width: 300px; border: 4px solid #000000;"><*/center>
Plain:<*img src= "gif link" style= "width: 300px; border: 4px solid #000000;">

Div

<*div style= "background-color: #F79F81;">This is a div style<*/div>

Links

<*a href="url">Text<*/a>

Picture Links
<*a href="url">
<*img src="image link" style= "width: 300px;"><*/a>

Patterns

<div style= "background-image: urlhttp://colourlovers.com.s3.amazonaws.com/images/patterns/3828/3828393.png); background-repeat:repeat;"><br>

<div style= "background-image: url(Pattern link); background-repeat:repeat;"><br> <div style= "text-align: center;"><img src= "pic link" style= "width: 400px;"><br><br>