Chat room

Create a Meebo Chat Room

This is featured post 1 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 2 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 3 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 4 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

This is featured post 5 title

Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.

Friday, October 8, 2010

HTML Tutorial part 4.1

12:57 PM GCbioinfo

you can also do this by splitting your page in columns like this

<frameset cols="50%,50%">
<frame src="a.html">
<frame src="b.html">
</frameset>
now I have a small assignment for you to check what you have learned generate a code for the following output:
for your convinience the source code of this page is
 as :
<html>
<frameset rows="25%,75%">

<frame src="b.html">

<frameset cols="25%,75%">
<frame src="b1.html">
<frame src="http://www.ncbi.com">
</frameset>
</html>
Hope you will like it so please leave your comments and give your feedbacks regards Quratt ul ain Siddique

HTML Tutorial part 4

12:25 PM GCbioinfo

HTML Frames: some times you want to display your web pages at a time on the same window so use
Frames like this:
select or use a new note pad and write the code like this
<html>
<frameset rows="25%,75%">
<frame src="http://www.islamickorner.com">
<frame src="a.html">
</frameset>
</html>
The output will be:

HTML Tutorial part 3

12:11 PM GCbioinfo

If you want to link your page to other web pages so use link tag which is
<a href="http://www.islamickorner.com>Islamic Korner</a>

HTML Tutorial part 2

11:54 AM GCbioinfo

<body style="background-color:yellow">
means your background color will be yellow
<p style="font-family:times new roman;font-size:20px">paragraph style will be times new roman and size will be 20 pixels font-family : this is the equal sign seperated by ; then other element </p>

Output of the previous tutorial

10:57 AM GCbioinfo

HTML Tutorial part 1

10:38 AM GCbioinfo

first write on page
<html>
the every thing which is done on  your web page will be inside these tags you are actually defining the body of html </html>
this will be the <> starting tag and </> this will be the ending tag to complete your task. Each starting tag must have an ending tag don't forget it. so <title>My web page</title> this title MyWeb Page will not appear on your page it will appear on your task bar and in your title bar. Now <body>this is the body of your page in which you perform your all functions.
<h1>Heading 1</h1> this is the heading of your page
<p>paragraph</p>
</body>
eg the body of  your source code will be like this
<html>
<title>My web page</title>
<body>
<h1>Bioinformatics Department</h1>
<p>description about department of Bioinformatics</p>
</body>
</html>

lets try it and wait for next parts of this tutorial.

Learn HTML: HTML Tutorial

10:22 AM GCbioinfo

Aslam u Alaikum
now I am going to tell you about the HTML. It is actually a Hypertext Markup Language. It is not a programming language it is a mark up language which is represented by tags and easily understand by your web browser.

Now lets start with your first HTML page which will be the first initial step in designing your own web page
you can use different text editors for this language like notepad which is easily available on your PCs ,microsoft frontpage and dreamweaver but we for your convinience will use notepad
ok lets start first select a page of notepad and save it with extension .html eg "anny.html"

Twitter Delicious Facebook Digg Stumbleupon Favorites More