Search TekSocial
Stay Connected

Enter your email address:

(We respect your privacy!)

Or subscribe with your favorite RSS Reader

  

« Let's Play Some MineCraft: Giveaway | Main | Tour of My Desk: Fall 2010 »
11:19AM

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/

Reader Comments (4)

YOU forgot one of the MOST important tag!! ALWAYS use <!DOCTYPE> at the first row of a HTML-document!

HTML5 uses <!DOCTYPE html>

September 10, 2010 | Unregistered CommenterRenegade

Simple explanation; <!DOCTYPE> tells the browser what kind of document it reads...

September 10, 2010 | Unregistered CommenterRenegade

You completely right, Thanks for the Comments! I will correct this in next weeks lesson. Thanks Again!

September 10, 2010 | Unregistered CommenterMichael

Hey, If you have any interest in learning Web Design & Development check out my youtube channel
http://www.youtube.com/user/codetheweb

June 17, 2011 | Unregistered CommenterGarrett

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>