HTML Playground :: Part-2

0

Hi everyone…………

Rajumeazi

Today we are going to learn about the webpage elements and use of them. If we visit a website then we will see that there are lots of elements are showing in the page. In the top of the page we will see some text written in a bold and large font we know this is called the Headline. So we’ve got one element that is Headings. Like this we will find a lots of elements in a webpage. The elements of a webpage is given below.

  1. Headings
  2. Paragraphs
  3. links
  4. Images
  5. Frames
  6. Players
  7. Different kinds of attributes

Now we will start the game with HTML

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Write these code under <html> <body></body>

</html>  tag & try it on your browser. Then see what it shows.

Now come to next point in Paragraph….

write a passage in the <p>    </p> Tag then you will get a paragraph in your browsers window.

You can change the fonts and fonts colors here also, we will see this later.

Links can be used in your webpage in <a> </a> attribute like: <a href=”http://www.technews365.info”>Visit Technews365.info</a>

Images will be used in your webpage with a simple tag name <img>.

<img src=”technews365.jpg” alt=”technews” height=”42″ width=”42″>  Here your image size and your image format should be written.

You can also color your fonts and re-size them in your own font face and size by <font> </font> tag

Now you can practice by writing this code and making changes here for practice. I am giving you the code and the screenshot here. [  image ]

Example code:

<html>
<body>
<h1> <font face=ravie color=Blue>Hello everybody!!!! </font> </h1>
<h2> <font color=Red>Hello everybody!!!! </font> </h2>
<h3> <font face=Ravie>Hello everybody!!!!</font> </h3>
<h4>Hello everybody!!!!  </h4>
<h5>Hello everybody!!!!  </h5>

<p> <font color=”Red”>This is a paragraph for the testing purpose</font>. <font color=Green>Just code it in your notepad or notepad++ </font> </br> and save it in your location as .html </p>

<img src=gf.jpg alt=”Joluvai” height=200 width=300>
</body>
</html>

httml_part2

That’s all for today………………

 

By the way I have my own blog now. I am going to start it with some tricks and hacks of programming and technology. If you wish to visit there please click here. Or visit blog.techiehunter.org

Share.

About Author

Rajumeazi

I am a free learner like to fly in the whole cyber world to gather knowledge. And I know I have only a little to share but I will try my best to give you what I have. :) Thank you :)

Leave A Reply

Powered by themekiller.com