Page Guide

This is the main content of your post. Everything between these (p)’s will denote that it is a paragraph. To start a new paragraph, simply end the (p)

and start a new one. HTML code does, for the most part, does not understand blank spaces or page breaks, so this will just show up as 1 space, and (p)’s are needed to define page breaks. Some HTML tips for the beginner programmer:

Page Header

Header size 1

“Header size 2”

Header 3

Header 6 is the smallest

underlined
bold
a link to google.
a link which opens in a new tab. This is accomplished by adding (target=”_blank”) into the (a) command.

centered text

testpicture – A picture
testpicture – A picture AS a link (to Google)



Everything below will be divided into 2 columns on the page! This is a handy way of fitting more information onto one page, and as you’ll see below is very useful for putting pictures beside text!


This page has been formatted into two columns and one row. Anything in this section (under col span4) will take up 2/3rds of the left side of your page. At the bottom you will see (col span2). Anything under there will take up the other 1/3 of your page. You can change these numbers around, providing they add up to a total of 6! This is the simplest way of dividing your website into columns.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The (div) below marks the end of the column. This text is all just filler for demonstration purposes!



The (div)’s above denote the end of the row and column, meaning anything said after those (div)’s will span across 100% of the screen again! Example: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.