Tuesday, 8 October 2013

HTML Mini Course


Check this: How to write upside down in facebook and twitter

INTROUDUCTION

HTML, or Hyper Text Markup Language, is used to create a Web site. HTML tells your Web browser what text to display, what images will appear, and what color of texts will appear in the Web Page. HTML pages are created using a text editor such as Notepad or Notepad++. (I would recommend you to go with Notepad ++)
After completing this mini crash course you will be able to create your very first web page!
Good luck!

BASICS

HTML is very easy to learn. Below are the Basics of HTML is explained, keep reading.
HTML is composed of two main parts: the head and the body. You must begin every HTML document with the tag <html> and end every document with </html> .
The basic structure for an HTML file is as follows:
<html> -> Open HTML
<head> -> Open HEAD
</head> -> End HEAD
<body> -> Open BODY
</body> -> End BODY
</html> -> End HTML

HEAD Section

The HEAD section of an HTML document allows you to add title to Web Page and include other pieces of data, such as META tags and scripts.
To add title to your Web Page add the following line in head section:
<title>This is the Title of this page</title>

BODY Section

The BODY section of an HTML document is where all the action occurs (means all the contents of the page are placed here). You can add text, pictures, scripts and also embed videos in body section.

Putting texts in our Web Page

To put texts in the Web Page, we can simply write the text in between the <body> and </body> tags. For example:
<html>
<head>
<title>Title Goes Here</title>
</head>
<body>
This is Sample Text. This tutorial is written by HellBoundGeeks
</body>
</html>

To Change Text Size or Color we use FONT tag. To change the text size we put the "size" parameter in FONT tag:
<font size="5">This is Sample text with size 5</font>

Now To Change text color we use "color" parameter in the FONT tag.
<font size="5" color="blue">This is Sample text with size 5 and color Blue</font>

Output of this code will look like:
This is Sample text with size 5 and color Blue

Displaying Images in Web Page

To display images in our Web Pages we will use the IMG tag. Here is the sample code:
<img src="Image file name goes here">

Here "img" stands for "image" and "src" stands for "source".

Linking to other Pages

It is most important part of the Internet and Web Pages, without links we can not imagine how the Internet would look like.
So, how to create a link? To link to other pages or to other Websites we use A tag. Here is the sample code:
<a href="this is where you place the URL or HTML file name"> this is what will appear in the browser window</a>

An example of linking to other page will look like this:
Click here to go to page 4

Putting it all together

Let's review what we've learned.
<html>
<head>
<title>HellBoundGeeks</title>
</head>
<body>
<font color="blue" size="5">Welcome to HellBoundGeeks</font>
<img src="hell.jpg">
<a href="http://hellboundgeeks.blogspot.com">Click here to go to HBG home page.</a>
</body>
</html>

Output of the above code will look like:

Welcome to HellBoundGeeks

Click here to go to HBG home page.


Did you like it? Comment and Share
See you soon! You might also like: HOW to change windows ICONS

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More