From Journal.ZeroStudio: Learning Your Basic HTML Tags - Design the Web | Lesson 1

Hey Everyone, today were going to talk about some html tags that web designers use most often. First we will talk about what a tag is, and what it does. Then I'll list a couple of my favorites, why I use them, and what they are used mostly for.

First, An HTML element is an individual component of an HTML document. Your probably thinking "what??...". Well basically that means that when your browser is reading the code, if it sees the tag, it will know what to do with the specified tag.

Second, What are my favorite tags, well i'm going to list 11 of my favorite.

My Favorite tags:

• <div> - This is a great styling tag. By adding a Space, and id="what ever", you can control what this tag does and how it's styled with Css.(we will go in more depth with this in the 3rd lesson along with tables.)
• <p> - This is the paragraph tag. This specifies paragraph text in a page.
• <h1> - This is the Header 1 tag. This is also usually the biggest, and boldest text on the page, but depends on how the designer styles it.
• <h2> - This is the Header 2 tag. This is usually the second biggest, and boldest text on the page, but also depends on how the designer styles it.
• <h3> - This is the Header 3 tag. This is usually the third biggest, and boldest text on the page, but also depends on how the designer styles it.
• <h4> - I bet you guessed it, this is the header 4 tag, the fourth largest and boldest text on the page, also depends on how the designer styles it.
• <ul> - This is the Unordered list tag. Meaning it goes in any order. This is great for making list on the page.
• <ol> - This is the Ordered list tag. Meaning it goes in a certain order, and shows numbers instead of just bullet points. This is also great for making list on the page.
• <li> - This goes with the OL and UL tags. It specifies a certain object in the list.
• <table> - This is obliviously the table tag. It specifies what is called a "table", in HTML. (we will go in more depth with this in the 3rd lesson along with divs.)
• <tr> - This makes a ROW in a table. Usually in between table tags.
• <td> - This makes a Column in a table. Also Usually in between table tags.

One more thing....Well, when you open a gate, you have to close it. Well, if you open a tag ( <div> ). You have to close it. You  do that by adding a slash inside the errors, like this: </div> - So then it would look like this: <div>content goes here.</div>

Well thats all we are learning for now. Next week I will be showing you how to use some of the easier tags, and will make our very first simple web page!

See ya next week.

-Michael

Original Post: http://journal.zerostudio.co.cc/2010/09/learning-your-basic-html-tags-design-the-web-lesson-1/