HTML tags and examples Condensed form of course from my site...

ghostrider · July 13, 2006

Good job on your tutorial, it will be very useful for HTML beginners.

galexcd · July 18, 2006

I dislike this way of teaching html. Html should not be learned by then entire code to do somthing like <img src=> but as the tag itself. (<img>) You should tell people that every tag just has it's base and by adding atributes to it, you can change what it does. some attributes of the image tag could be src, width, height, border. Those are just some of the common ones. <font> <body> <div> and <a> tags arn't any different. Many people who may "think" they know html don't know what other things an anchor tag (<a>) can be used for. Sombody askes how do you make a link and they all respond (a href). Thats how i think html should be taught. Even though many tags do not have any affect on the pagee if they do not have attributes added to them, start with showing them a page with a tag with no attributes on it. Then work your way through all the different attributes.Heh, just my opinion. What do the rest of you think?

vicviqbe · July 18, 2006

Ok, I'm agree with qwertyiscool...And, if other members can post more tips to learng HTML, I will be ready to do my own contribute.. son, very much people is interesting to learn HTML.

Slay · July 28, 2006

Good job on the tutorial, it should help lots of beginners.

beeseven · July 28, 2006

One, you're promoting bad HTML. You should never use the font tag, and some things (like bgcolor and align="left") are better left to CSS. Two,

Wow, that's good, your right, HTML is the base for many web-langauges.

No it's not. HTML is a markup language, real web languages like PHP and ASP are nothing like HTML. XML is similar to HTML, but not based on. XHTML is just HTML but more strict.

zulfa7155 · July 29, 2006

One, you're promoting bad HTML. You should never use the font tag, and some things (like bgcolor and align="left") are better left to CSS. Two,

No it's not. HTML is a markup language, real web languages like PHP and ASP are nothing like HTML. XML is similar to HTML, but not based on. XHTML is just HTML but more strict.

PHP is embedded in HTML. HTML is sort of like a way you'd like to display the information at hand. Whilst PHP is responsible for the information itself. Of course its notihing like HTML, but they complement each other.

ivenms · August 10, 2006

Iam here to giving you some more advanced and valuable tutorials about HTML pages. So the following section reveals with the HTML tutorials:

The Main Structure of HTML Pages

Every html pages consisting of a main structural procedure which determines the properties and contents of the html page. The whole html page is wrapped with in the tag <HTML> </HTML>. In this tag, mainly there are two regions. The first region is the HEAD tag ( <HEAD> </HEAD> ) which describes the property of the HTML page. The next part is the BODY tag ( <BODY> </BODY> ) which is the visible part of the page. All things mentioned with in the body tags will be visible on the browser window. So the main structure of HTML page is as follows

<HTML><HEAD><!-- Here Comes all properties of the page--><TITLE>The Main property of the Page</TITLE>  .....	 ......  ....		.......</HEAD><BODY> .......	  ........<!-- Visible Part of the HTML page-->   .........		 ..........</BODY></HTML>

Comments within an HTML page is mentioned inside "" tag.

About Meta Tags

Meta tags are now widely in use and they are used for representing the major properties about the content of the page. Meta tag is used for denothing the description, keywords, content type, index property, author, ect.. The main metatags are as follows:

<meta name="description" content="A short description about the page."><meta name="keywords" content="embeded, keywords, within, the, page."><meta name="author" content="Name of the Author"><meta name="date" content="2003-04-02"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta name="copyright" content="Copyright Rules"><meta name="robots" content="all"><meta name="revisit-after" content="14 days"><meta name="distribution" content="global"><meta name="document-classification" content="General"><meta name="rating" content="general"><meta name="language" content="EN">

On the given examples, you can see there are two regions - One for 'name' and other for 'content'. The name field describes the type of metatag using and the content field describes the value holded within the metatag.

Implementing Frames on HTML Pages

Frames are used to display more than one page on a same browser window. Using frames, you can make the top and bottom ( also can implemented on other regions ) of every pages on your site for common content, and can be shared with a common html page for all other pages on your site. Normally pages using frames are not embeding with <BODY> </BODY> tags. They uses tag: <FRAMESET></FRAMESET> insted of body tags.

The frameset tag contains two attributes: COLS and ROWS. Cols are used for denoting the width of the columns of frame on the page. They only used once on the page. The Rows are used for denoting the row size ( Height ) on each of the columns. They are use on each of the seperate columns. Some times, rows and colums attributes on frameset tag used torether as in Examples. This allows to create different columns with different width.

Within the row and cols frameset tag, another tag is used for mentioning the source page, which is used for displaying content on that region. <FRAME> tag is used for giving the identity of source file using the current frame with "SRC" attribute.

There are also some more attributes used with the fram tags. They are:

Set the frameborder="" attribute to either "yes" or "no" to see border between frames.
Set the scrolling="" attribute to either "yes", "no", or "auto" to define whether or not a given window will be scrollable; "auto" is safe, since you cannot predict the width of users' screens.
Name each frame with the name="" attribute, so that when you link from a menu frame to a content frame, the page will load in the proper frame (e.g., <a href="home.html" target="window2">Home</a>).

The following examples will help you to understand the coding techniques for creating frames.

Example 1:

Page having only two colums of frames

http://www.uky.edu/err/404/?d3d3LnVreS5lZHUvQVMvRW5nbGlzaC93cml0cHJvZy9odG1saGVscC9hZHZhbmNlZC9mcmFtZS1sci5naWY=

<frameset cols="170, *" rows="100%" frameborder="no"><frame scrolling="auto" src="menu.html" name="window1"><frame scrolling="auto" src="home.html" name="window2"></frameset>

Example 2:

Page with two rows of frames

http://www.uky.edu/err/404/?d3d3LnVreS5lZHUvQVMvRW5nbGlzaC93cml0cHJvZy9odG1saGVscC9hZHZhbmNlZC9mcmFtZS10Yi5naWY=

<frameset rows="140, *" cols="100%" frameborder="no"><frame scrolling="auto" src="menu.html" name="window1"><frame scrolling="auto" src="home.html" name="window2"></frameset>

Example 3:

Page with two rows and two columns. Carefully watch the row width mentioning.

http://www.uky.edu/err/404/?d3d3LnVreS5lZHUvQVMvRW5nbGlzaC93cml0cHJvZy9odG1saGVscC9hZHZhbmNlZC9mcmFtZS10Yi1sci5naWY=

<frameset rows="140, *" cols="100%" frameborder="no"><frame scrolling="auto" src="menu.html" name="window1"><frameset rows="100%" cols="50%,50%" frameborder="yes"><frame scrolling="auto" src="left.html" name="window2"><frame scrolling="auto" src="right.html" name="window3"></frameset></frameset>

Example 4:

Page with three columns of frames

Posted Image

<frameset cols="100,100,*" frameborder="no"><frame scrolling="auto" src="100px1.html" name="window1"><frame scrolling="auto" src="100px2.html" name="window2"><frame scrolling="auto" src="remaining.html" name="window3"></frameset>

Example 5:

Two rows in the first column.

Posted Image

<frameset cols="20%, 80%"><frameset rows="80%, *"><frame src="menu.html" name="menu"><frame src=logo.gif name=logo></frameset><frameset rows="*"><frame src="main.html" name="main"></frameset>

Thats all for now. More HTML tutorials will be published later. Replay your response here.

matt11 · August 22, 2006

This Is For PHP ONLY

ok what you need to do is to create a header for all you pages php. for this i called mine head.php.

in the head.php file i put all the stuff i want on the head of the page

<html><head></head><body><a href="https://www.google.de/?gfe_rd=cr&ei=BwkjVKfAD8uH8QfckIGgCQ&gws_rd=ssl; GOOGLE </a></body></html>

ok now you have a link to google. save that as head.php.

now on you index.php file (or any outher file) you tipe (at the very start of the page)

<?php include('head.php'); ?>

witch will in clude the 'head.php' file in that page!

now if you make a change to the head.php it canges everything!

Notice from truefusion:

Put coding within the code bbcode.

arcsquad · August 22, 2006

I just use dreamweaver. its so much easyer. you can get it for free 30 day trial. all you have to do is click wher eyou want things and boom you can put in text, links, buttons, anything. And its easy to use. not one of those things where you have to do 4 things to make a link

hype · August 23, 2006

I hate those GUI program for web building... They just generates codes they know, and I couldnt get to the bottom of the problem when it arose, cause I'm not the one typing the code and dreamweaver only helps in designing and aligning of stuff... I prefer to use the most basic way of using notepad to code all the stuff...

jlhaslip · August 23, 2006

Beeseven, look at the date of the Original Post. The font tag was common and quite popular in past versions of html coding. I don't reccomend its use, though. Learn CSS and manipulate the output with classes and id's instead.And Frames belong to the same era as Font tags. Use Div's and css to control your pages.

FirefoxRocks · August 23, 2006

First of all, I rate yoru Tutorial a 2/10. It works, but it is completely, erm, bad. :PYou should never use <font> tags. They are depreciated and they will not work in the future. Use CSS to customize your web pages.All attributes NEED to be in quotation marks, otherwise they aren't valid.Tags need to be lowercase, which you have it okay.We are past year 2000, we need to teach proper XHTML, not HTML anymore. <br> tags need to become <br />. META tags need to self-close also.Stricter and cleaner web we are working for, not cluttering it with <font> and other depreciated tags again! <_<

masterio · August 26, 2006

I agree if we better to use CSS to manipulate the font in a web page. But I think <font> tag is always supported even on future.

Here some tutorial about CSS

<html><head><title>CSS for manipulating fonts</title> <style type="text/css">		.urgent{		 font-family: arial;		 font-size: 14px;		 color: #c60000;		 font-weight: bold} </style></head><body>  <h2>Below this is text that use CSS</h2>  <span class="urgent">Urgent!, you have only 3 minutes to leave from this building</span></body></html>

The output will looks somthing like this:

Below this is text that use CSS

Urgent!, you have only 3 minutes to leave from this building

Edited August 26, 2006 by masterio (see edit history)

AnGeL KiSS · September 16, 2006

oo.. a simple html tutorial, really helpful for site beginners. :]

inky-blue-white · January 12, 2007

I dislike this way of teaching html. Html should not be learned by then entire code to do somthing like <img src=> but as the tag itself. (<img>) You should tell people that every tag just has it's base and by adding atributes to it, you can change what it does. some attributes of the image tag could be src, width, height, border. Those are just some of the common ones. <font> <body> <div> and <a> tags arn't any different. Many people who may "think" they know html don't know what other things an anchor tag (<a>) can be used for. Sombody askes how do you make a link and they all respond (a href).
Thats how i think html should be taught. Even though many tags do not have any affect on the pagee if they do not have attributes added to them, start with showing them a page with a tag with no attributes on it. Then work your way through all the different attributes.

Heh, just my opinion. What do the rest of you think?

I agree, perhaps to begin with HTML learners will just want those sorts of codes but soon they'll need different ones and will not know how to write them up. I think you are right, in the long-run it's easier to learn HTML by cross-referencing tags and properties instead of learning them together. Even if HTML has nothing to do with other scripts, it's still a good way to begin to learn how scripts are written in the first place. ie.they aren't based on HTML but on an HTML style.

And anyway, I actually learned HTML the way it's shown in this topic from my father. But it stressed me out later when I wanted to do other things with the codes and he re-taught me the way you suggest. I found it much easier and far more useful as there is a greater potential for independant scripting.

Sign In

HTML tags and examples Condensed form of course from my site...

Recommended Posts

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Important Information