La Volpe

A useful beginner's guide to
Using HTML (Work in Progress)

Text Alignment!

Revolver Ocelot

Revolver Ocelot

Revolver Ocelot

Code: <p style="text-align:center;padding: 0 15px;">Revolver Paragraph</p>
For Heading: <h1 style="text-align:center;">Revolver Heading</h1>

If you want the text be the side you want, replace “center” with “left” or “right”. The number before second “px” (like 15px above) determines how much space there is between the text and left or right. It’s useless for center text. In the above example, right and left have 0px while center has 15px. The number before first px (add one!) determines how much space there is between the text and up or down.

Link Button, or Cool Hyperlink

Backlog Assassins Extraordinaire

Code: <a class="btn btn-default btn" href="https://backlog-assassins.net/">Backlog Assassins Extraordinaire</a>

Big Text Like This!

Code: <h1>Big Text Like This!</h1>

The higher the number after “h” is, the smaller it becomes. Only a number between 1-6 and for both “h”.
or you can use percent to make texts for heading and paragraphs big or small:

Code: <h1 style="font-size:300%;">Heading</h1>
For Paragraph: <p style="font-size:50%;">Paragraph</p> 

Or Something
Like This!

Code: <h1><small>Or Something</small><br>Like This!</h1>

Same as above. You can change “small” to “big” if you want the above text to be bigger than below.

Paint it PURPLE!

or red!

Using Hex Triplet: <h3 style="color:#BF5FFF">Paint it PURPLE!</h3>
Just Word: <p style="color:red;">or red!</p> 

Gifs & Images

 

Code: <a href="https://imgur.com/ypJmOx5"><img src="https://i.imgur.com/ypJmOx5.gif" title="source: imgur.com" /></a>
Image Center: <div style="text-align: center"><img src="https://i.imgur.com/ypJmOx5.gif"></div>

Gif hosted on Imgur. Imgur gives you the HTML code (with other types of code) after uploading. Works with images too.

Countdown Clock

Code: <iframe width="430" height="221" src="https://w2.countingdownto.com/3595596" frameborder="0"></iframe>

Hosted on CountingDownTo.
Don’t edit width, height or frameborder through the code, since it’s hosted on another website it doesn’t work great. If you want to change them, make another countdown on that website, it has other useful options too!

Useful Links & Sources

Markdown Syntax
Comment Formatting
BLAEO Generators
W3Schools and its HowTo/HTML Tutorial
Extraordinary Assassins of this website!