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.
- 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 ]
<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>
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