How to Use HTML Tags: Design the Web | Lesson 2
Welcome to this week's lesson of Design the Web. Today we are going to learn how to use some of the more simple tags in HTML, and how to setup a simple HTML template. We're going to take it nice and slow; if you have questions at the end, just leave a comment, and I'll get back to ASAP.
Quick recap: last week we found out what a tag is. An HTML element is an individual component of an HTML document, meaning, when your browser is reading the code, if it sees the tag, it will know what to do with the specified tag. Now let's learn how to us them. First, we are going to include the basic and required tags of a HTML page, such as:
- <head>
- <body>
- <html>
Just the ones we need. Here is how they should be placed:
Now we're going to add some essential stuff to it, such as a title and then some text. The title will be: Demo Page (or whatever you want). We will say "Hello World."
Now let's stop to talk about it. The is telling the web browser, "Hey! I'm HTML code!". The HEAD tag is where you keep the code that tells the BODY tag how to do things. The BODY tag is where all the content goes, like our 'Hello World!'. The H2 tag is a Header 2, the second biggest text on a page. This tag makes the text large and bold.
This week we discovered a pretty basic HTML layout. We even made a super simple page that said 'hello to the world'. Guess what we will be doing next week. We will be taking this simple HTML page and adding more content, a menu, and maybe even an image.
Original Post: http://journal.zerostudio.co.cc/2010/09/how-to-use-html-tags-%E2%80%93-design-the-web-lesson-2/
Michael Pitt