Text Editor

Sublime text is a good editor that can be used on Windows and OS X.

Download Sublime Text 2 for OS X

HTML Anchor Tag

This tag is used to create a link to another page.

	<a href="index.html">Link Text</a>

Reference

HTML List Tags

List tags are used to display either an ordered (has numbering) or unordered (has bullets) list of items.

	<ol>
		<li>Item One</li>
		<li>Item Two</li>
		<li>Item Three</li>	
	</ol>

	<ul>
		<li>Item One</li>
		<li>Item Two</li>
		<li>Item Three</li>	
	</ul>

Reference

Adding Some Style

Use Cascading Style Sheets (CSS) to make your HTML look better.

h1 { }
ol { }
li { }
a { }
a:hover { }
a:visited { }

Text Styling

    background-color: #4b71f0;
    font-size: 18px;
    font-family: Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    color: #7f2020;

Spacing

    padding: 12px;

Shadows

    -moz-box-shadow:    0 10px 6px 7px #ccc;
    -webkit-box-shadow: 0 10px 6px 7px #ccc;
    box-shadow:         0 10px 6px 7px #ccc;

Reference

Put Your Site On The Web

There are many ways to publish your work so you can share it with others. One pretty easy way is to use a service called Heroku. Heroku handles a lot of the technical details of hosting a website, allows for publishing your site with one command, and has a free plan that should be good enough for experimenting.

Heroku