My First Web Page
First, let's talk about the basics of HTML.
You create a webpage using three basic components: HTML, CSS and lanugagues such as JavaScript, jQuery or PHP. What do they each do? Here are the building blocks:
- HTML: creates the content of your web pages
- CSS: styles how the web pages look including layout, color and font
- JavaScript: adds interactivity to your pages by programming behavior
- PHP: adds even more interactivity including form processing
One of the coolesting things about web pages is the ability to be able to create links between information and to include media elements like images, video and audio. All the while being able to format the content so it looks good and, even more important, is easy to use!

I want a photo of Steve Jobs here....how do I do that???
And now I want a button that goes to the MS Coding websites.
Let's talk about all the formatting we can do using CSS. It is really pretty awesome.
You can make headings of all types...see...
this is a big heading
This is kind of a big heading
Now we are getting more medium sized
And even more medium
And smaller
And very smaller
You can also make lists. Either just bullet points. Like this.
- Cats
- Dogs
- Fish
- Gerbils
Or numbered ones to keep track!
- Summer
- Fall
- Spring
- Winter
You can also format text to be
Like putting a shadow around a word
You can space words far apart!
You can space letters far apart!
Finally, tables can come in really useful if you want to organize data in a nice tidy grid. Which can sometimes be awesome. Let's say we want to organize the types of programming languages.
| Name | Platform | Easy to Learn | Description |
|---|---|---|---|
| HTML | Website | Yes | Not really a lanuage - more like a template. |
| JavaScript | Website | Sort of | Used to just be a scripting lanuague but is now a full blown language used to add actions to websites. |
| PHP | Websites | Sort of | Called the "toothpaste" of programming tools - it is really useful - especially for forms. Can use it anywhere! |
| Python | Backend | Yes | An easy to learn, yet advanced programming language. Used for the backend. |
| Swift | Apps | No | Used to create native apps for iOS devices. |
Okay, let's wrap it up by adding a footer with a copyright at the bottom. Cool?
