create account

ADDING MEAT TO THE BODY OF OUR WEBPAGE (Filling the body)!! by frstwalket

View this thread on: hive.blogpeakd.comecency.com
· @frstwalket ·
ADDING MEAT TO THE BODY OF OUR WEBPAGE (Filling the body)!!
Your Facebook's news feed is the body of the website of Facebook. Today we will be filling the body of our Webpage which we initiated earlier in my previous tutorial. <center>*If you haven't followed my tutorial, Here is a [link](https://busy.org/@frstwalket/getting-started-with-web-developing-html5).*</center>

![html5.jpg](https://steemitimages.com/DQmRekBcTXtkd8LzHwDZEp4qcfTi8MBGDUQa2o7tmoFoXxF/html5.jpg)

# Recap :-

*In my previous **blog**, We initiated our Webpage and got an introduction about getting started with html5. It was a complete basic tutorial for beginners to know everything about tags and getting started.*

# Contents of today :-

* Getting familiar with header ```<h></h>``` tags.
* Using paragraphs tags ```<p></p>```.
* Adding actual content to our Webpage.

# Current Progress :-

<center>![prog.JPG](https://steemitimages.com/DQmPSq2CVXPCHCCd4Yzyf8aGSLYLZNCt78u3v9bn5xmfX1d/prog.JPG)</center>
 
    <!doctype html>
    <html>
    <head>
       <title> My Webpage </title>
    </head>

    <body>

    </body>
    </html>

<center>***This is how much we have worked so far in my previous tutorial, You can find the link on top in case you missed it***</center>

# Use of header tags :-

**As we know that every section in html uses tags !!!  Similar is the case for header tags. Header tags are also Initiated and closed just like other tags. "/" is used with the ending tag as it specifies the closing of a tag.**

<center>I'll use the same code we wrote in my yesterday's blog :-</center>

<center>![header tags.JPG](https://steemitimages.com/DQmVGHGtWuqeZNeTJEv74yZiWm6sGK4L9mcVSXZCwdGaZ57/header%20tags.JPG)</center>

*From the code above, We can see that I've added ```<h1></h1>``` tags in the ```<body></body>``` tags of my Webpage. The use of header tags is simple, based on a logic. You must have used headings in Ms word or any other software or even in your exams or tests and you all surely know that a heading is always written in bold letters and a bigger font, Right? The header tags are also used for 100% same purpose, Yes to add headings in our webpages.*

Font size of a heading depends upon the numeric value For example :- h1 is the biggest header heading, h2 is smaller than h1, h3 is smaller than h2 and so on. 

<center>![h tags.jpg](https://steemitimages.com/DQmPvNs3nkkmDPRsM515GKLbdfaXJnfkHxQdRFDMD4fj7w3/h%20tags.jpg)</center>

<center>***Between the header tags we add the heading :-***</center>
<center>![header.JPG](https://steemitimages.com/DQmdwEoRrLLZiHDqbvbbjZ6WBNHjNhJKG6vt4r9bndz5moN/header.JPG)</center>

    <!doctype html>
    <html>
    <head>
       <title> My Webpage </title>
    </head>

    <body> 
    <h1>My first heading</h1>
    </body>
    </html>

<center>**Output**</center>

<center>![output.JPG](https://steemitimages.com/DQmRyo4XPPbNgXzLTpFSGZkYLkqdwEkbk6Ycupnj27XFE5k/output.JPG)</center>

# Use of Paragraph tags :-
<center>*The use of paragraph tags is pretty simple, as specified by its name, These tags are used for writing and adding paragraphs to our webpage and are also initiated and closed just like EVERY OTHER tag.*</center>

![paragraph.JPG](https://steemitimages.com/DQmdPWGhZPhV6zP4kbuUXVSdwwGJ79R2TLSoUd2KmuFfwbn/paragraph.JPG)

    <!doctype html>
    <html>
    <head>
       <title> My Webpage </title>
    </head>

    <body> 
    <h1>My first heading</h1>
    <p>I have created my first heading by learning it through the blog of Frost walker. CUZZZZ he is the best :P</p>
    </body>
    </html>

<center>**Any text added between paragraph tags will be written in the form of paragraph**</center>

<center>![output p.JPG](https://steemitimages.com/DQmfVNYBuxQeKtXYbLiMgazg2bNx6s8HFPf6usDa4uB9727/output%20p.JPG)</center>

<center>***In my today's blog, we've learned about using header and paragraph tags, In my next blog, we will learn how to add images in our webpage. If you don't see the updated page after adding more content in it, Make sure to save your file.***</center>

If you find this helpful and want to support me in creating more original content, *Upvote, Resteem, Comment and follow :)*

![Upvote,Resteem & Comment.png](https://steemitimages.com/DQma7oDtvTLUrHztJ4KKyWiS4mRaGry7fAoFHxPR9Mr3DPt/Upvote%2CResteem%20%26%20Comment.png)

## Thanks 
<center>**______________________________________________________________**</center>
👍  , , , , ,
properties (23)
authorfrstwalket
permlinkadding-meat-to-the-body-of-our-webpage-filling-the-body
categoryprogramming
json_metadata{"tags":["programming","html5","webdeveloping","upvoteforupvote","coding"],"image":["https://steemitimages.com/DQmRekBcTXtkd8LzHwDZEp4qcfTi8MBGDUQa2o7tmoFoXxF/html5.jpg","https://steemitimages.com/DQmPSq2CVXPCHCCd4Yzyf8aGSLYLZNCt78u3v9bn5xmfX1d/prog.JPG","https://steemitimages.com/DQmVGHGtWuqeZNeTJEv74yZiWm6sGK4L9mcVSXZCwdGaZ57/header%20tags.JPG","https://steemitimages.com/DQmPvNs3nkkmDPRsM515GKLbdfaXJnfkHxQdRFDMD4fj7w3/h%20tags.jpg","https://steemitimages.com/DQmdwEoRrLLZiHDqbvbbjZ6WBNHjNhJKG6vt4r9bndz5moN/header.JPG","https://steemitimages.com/DQmRyo4XPPbNgXzLTpFSGZkYLkqdwEkbk6Ycupnj27XFE5k/output.JPG","https://steemitimages.com/DQmdPWGhZPhV6zP4kbuUXVSdwwGJ79R2TLSoUd2KmuFfwbn/paragraph.JPG","https://steemitimages.com/DQmfVNYBuxQeKtXYbLiMgazg2bNx6s8HFPf6usDa4uB9727/output%20p.JPG","https://steemitimages.com/DQma7oDtvTLUrHztJ4KKyWiS4mRaGry7fAoFHxPR9Mr3DPt/Upvote%2CResteem%20%26%20Comment.png"],"links":["https://busy.org/@frstwalket/getting-started-with-web-developing-html5"],"app":"steemit/0.1","format":"markdown"}
created2018-02-16 17:30:54
last_update2018-02-16 17:30:54
depth0
children0
last_payout2018-02-23 17:30:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length4,352
author_reputation11,410,175,929
root_title"ADDING MEAT TO THE BODY OF OUR WEBPAGE (Filling the body)!!"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id38,054,452
net_rshares3,095,912,278
author_curate_reward""
vote details (6)