welcome

Web Programming Primer

-Lesson 5-







Recap: (Lessons 1-4)

What you should know:

  1. You should have a base understanding of what tags are/do (they create elements)
  2. You should know, by heart, the minimum requirements of a webpage (here is another look)
  3. You should be able to effectively create and use:
    • Paragraph Tags
    • Links
    • Breaks & Horizontal Rules
    • Images
    • Ordered and Unordered Lists
    • Tables
  4. And manage the attributes of most of these elements



If you can confidently say you have mastered these things, good work my friend. If not, do not be discouraged, some concepts can be tricky to comprehend. I would advise you to step back through lessons 1-4 and seek other resources where you begin to get lost. It is extremely helpful to have things explained in different words, by different people. Once you somewhat grasp this material, continue on to lesson 6. But, if you are feeling adventurous, I encourage you to delve right into the next lessons regardless of whether you comprehend everything so far or not. The upcoming lessons begin teaching CSS, which is used to customize the look of your page, which can be a little more enjoyable than what we have learned thus far, so buckle up and let's go!

Quick tid-bits

Before we move on, let's learn a few more tags. We will quickly learn about headers, comments, and how to make text bold or italic. First, lets touch on headers. Headers are used for titles and such. There are six preset headers and you call on them by typing h1, h2, h3, h4, h5, or h6 inside of the carrots (like other normal tags). You will can embed them inside of paragraph tags, but would most likely use them outside. As you should know by now, type your desired words between the opening and closing header tags.

Here is an example:





Comments are used in your text-editor to, you guessed it, leave comments. Sometimes, you may need to leave yourself a note to finish up a certain part on your page, or you may just need to explain what you are doing at a certain part in the code, either for yourself or someone else, so that when you come back to it, months or years down the road, you will be able to work on it without too much confusion. To create a comment you start with a "<" and then add a "!--" and end with "-->". When you insert a comment into your text, the web-browser does not read or try to interpret it.

Here is an example of an in-text comment:


Any text inside between the first -- and the second -- will be comment text.



Lastly, we will discuss how to effect your text with bold or italics. The code word for bold is "strong" and the code word for italics is "em" (which stands for emphasis). To make a word, sentence, or paragraph bold or italic, simply surround the text you want to effect with tags using the code words.

Like this:



Lesson: 1 2 3 4 5

Back Next
This page was constructed by Isaac Duke, a student of Anderson University, for an independent study in web programming. This is not a fully comprehensive primer, so use in conjunction with other resources (resource page provided). The last time this site has been updated was on August 20, 2013. If any questions, email misaacduke@gmail.com