HTML se Post kaise likhen ? 11 HTML Tags ki jankari Hindi Me.

HTML Kya Hai? HTML Tags ko Use karne ki Puri jankari.

Popular Blogging platforms Blogger or WordPress HTML or Compose se Post likhane ki facility dete hai.

Mainly new bloggers hi Compose se Post likhate hai par agar baat successfull bloggers ki jaye to wo post likhane ke liye HTML Tags ka use karte hai. Successfull Bloggers HTML Tags ka use isliye karte hai kyuki HTML Tags se Compose ke mukable Post ke Parts ko aasani se aur better tareeke se manage kiya ja sakta hai.

HTML kya hai

Image credit – In3D

HTML kya hai ?

HTML ka full form hai – ‘Hypertext Markup Language’. Ye ek coding language hai jiska use web pages banane ke liye kiye jata hai.

HTML kai tarah ke Tags se mil kar bani hai. Ek blog post manage karne ke liye jin HTML tags ka use hota hai unhe samjhana behad aasan hai.

Is Post me hum aap ko 11 aase HTML Tags ki jankari denge jo ek post ko managed look dene ke liye jaroori hai.

Post likhane ke liye 11 HTML Tags ki jankari Hindi Me

1. Line break Tag : <br>

Is Tag ka use Text ko agli line se shuru karne ke liye kiya jata hai.

Input

First Line or Para<br>Second Line or Para<br><br>Third Line or Para

Output

First Line or Para
Second Line or Para

Third Line or Para

2. Paragraph Tags : <p> —- </p>

Ek Para ke liye ye tags use hote hai. Para ke shuru me <p> aur end me </p> lagega.

Input

<p> First Line </p> <p> Second Line </p> <p> Third Line </p>

Output

First Line

Second Line

Third Line

Note : WordPress me BR Tags aur Paragraph Tags ki koi jaroort nhi hoti, agar aap seedhe hi agli line ja para se start karte hai to wo tags ki tarah hi work karega. Blogger me dono Tags Jaroori hai.

3. Heading Tags : <h1> … </h1> —— <h6> … </h6>

Headings Tags ke 6 Level hote hai. H1 sabse bada aur H6 sabse chota hota hai.

SEO ke lehaj se aap ke post me ek <h1> tag jaroor hona chahiye. Subheadings ke liye <h2> or <h3> Heading Level use kijiye

Input

<h1>This is Level 1 Heading</h1>
<h2>This is Level 2 Heading</h2>
<h3>This is Level 3 Heading</h3>
<h4>This is Level 4 Heading</h4>
<h5>This is Level 5 Heading</h5>
<h6>This is Level 6 Heading</h6>

Output

This is Level 1 Heading

This is Level 2 Heading

This is Level 3 Heading

This is Level 4 Heading

This is Level 5 Heading
This is Level 6 Heading

4. Ordered List : <ol> <li><li><li> .. </ol>

<ol> Tags ka use post me list dalne ke liye kiya jata hai. Jin cheezo ko list karna hota hai unke aage li> lagaya jata hai aur jaha list khatam karni hoti hai waha </ol> lagaya jata hai.

Input

<ol>
<li> First Line
<li> Second Line
<li> Third Line
</ol>

Output

  1. First Line
  2. Second Line
  3. Third Line

5. Unordered List : <ul> <li><li><li> .. </ul>

Ye list number wise nahi, points ke anusar show hoti hai.

Input

<ul>
<li> First Line
<li> Second Line
<li> Third Line
</ul>

Output

  • First Line
  • Second Line
  • Third Line

6. Bold, Italic, Underline or StrikeThrough

Bold = <b>HTML</b> = HTML
Italic = <i>HTML</i> = HTML
Underline = <u>HTML</u> = HTML
StrikeThrough = <del>HTML</del> = HTML

7.Center Tag : <center>

Input

<center>Blog kaise Banaye</center>

Output

Blog kaise Banaye

8. Link Dalne ke liye : <a href="url"/">Link Text</a>

Input : <a href="http://blogkaisebanaye.com/blogging-guide-hindi-me/">Blog banane ki Step by Step Guide Hindi Me.</a>

New Tab me link kholne ke liye

Input : <a href="http://blogkaisebanaye.com/blogging-guide-hindi-me/" target="_blank">Blog banane ki Step by Step Guide Hindi Me.</a>

9. Mark Tag : <mark> … </mark>

Is Tag ka use kisi Text ko mark karne ke liye kiya jata hai. Ye Tag text ko yellow color me mark karta hai.

Input
<mark>Use of Mark Tag</mark>

Output
Use of Mark Tag

Mark Tag ka color change karne ke liye is code ka use kare.

Input
<span style="background-color: red;">My name is Sahil kumar</span>

Output
My name is Sahil kumar

10. Font Color and Size

Text ke color or size ko manage karne ke liye <font> .. </font> Tags ka use hoa hai. Font Tag me attribute ko use karke aap aasa kar sakte hai.

Input

<font color = "red">Red Text</font>
<font size = 4> Font size 4 </font>
<font color = "red" size = 4> Font color Red size is 4</font>

Is Input coding me font tag me jo color or size use kiye gye hai unhe attribute kahte hai.

Output

Red Text
Font size 4
Font color Red size is 4

Note : Font size 1 se 7 ke beech he ue kar sakte hai.

11. <div style="background-color: #eeeeee;"> …. </div> : Content Backgroud Color

Is Post me Input or Output ke liye jo Background rakha gya hai, ye HTML tag usi ke liye hai. Jaha par #eeeeee likha hai wo hex color ka code hai. Aap kisi dusre color ka code use karke apni marji ka Content Background de sakte hai.

Input
<div style="background-color: #eeeeee;">Hex color Content Background</div>
<div style="background-color: #FF0000;">Red color Content Background</div>
<div style="background-color: #0000FF;">Blue color Content Background</div>
<div style="background-color: #008000;">Green color Content Background</div>

Output

Hex color Content Background
Red color Content Background
Blue color Content Background
Green color Content Background

Baki ke colors ka code aap ko is link par mil jayega.

HTML se post likhane ke liye kuch Instructions.

  1. Post or HTML ki Typing ke liye Post Editor ja Notepad use kijiye.
  2. Agar Notepad ka use karte hai to Document ko .html extension se save kare. [Unicode chunna na bhule]
  3. .html se save kiye gye document ko kisi browser ke sath khol ke check kiya ja sakta hai.
  4. HTML Tags ko Small ja Capital letters dono me likha ja sakta hai. Example : <B> or <b> etc..

________________

Thanks to read the post. Agar aap ko HTML se related koi baat samajh na aa rahi ho to comment jaroor kare.

Loading...

Comments

  1. maths blog

    Reply

  2. Rk Tandan

    Reply

  3. Poja Choudhary

    Reply

    • Reply

  4. Rakesh

    Reply

  5. Reply

    • Reply

  6. Reply

    • Reply

  7. danish

    Reply

    • Reply

  8. Anonymous

    Reply

    • Reply

  9. anuj jaat

    Reply

  10. Ajay

    Reply

  11. fd khan

    Reply

    • Reply

  12. Ajsay Singh

    Reply

  13. Reply

    • Reply

    • ravi

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!