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
It is favourite browser among most of the people in the world. Firefox provides many excellent features, however sometimes, firefox, lacks what we need. But this is NOT the end of the world. There are lots of plugins available which can integrate with firefox and fill our needs.
