Search This Blog

Read Your Language

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Double Quote in HTML


  1.  Double  Quote in HTML    

अगर आपको किसी Sentance  में Double  Quote लगाना हैं तो आप यह प्रोग्राम लिख कर Double  Quote   लगा पांएगे |

<html>
<head>
<body>
<q>Hello Friend , I am first use of double quate .</q>
</body>
</head>
</html>

OUTPUT :

"Hello Friend , I am first use of double quate ."


How to Anchor Tag used in HTML


How to Anchor Tag used in HTML 

हम Anchor  Tag  का प्रयोग दो ऑब्जेक्ट के बीच  लिंक Create  करने के लिए किया जाता है |उदहारण के लिए websites  ,फाइल्स ,html  पेजेज  आदि |  
खासतौर पर प्रयोग  होने वाला Anchor  Tag  को इस प्रकार दर्शया जाता है  <a > create text link(Its called be attribute of Anchor Tag) </a > है |  

Anchor Tag Program in HTML 

<html>
<head>
<title>edumasterc </title>
</head>
<body bgcolor="#FFFFFF">
click the link<a href="http://www.edumasterc.blogspot.com/"> edumasterc </a>
</body>
</html>


OUTPUT :

click the link edumasterc


Backspace In HTML


Backspace का प्रयोग HTML  में :-

 अगर आपको html  के अंदर किसी  टेक्स्ट (Text ) के बाद आपको बैकस्पेस (Backspace) लगाना है तो आप इस  स्पेशल करैक्टर (Special  Character ) का प्रयोग करे &nbsp ;

Backspace Program in HTML 

<!doctype html>
<html>
<head>
I am first time use in html of  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;blank space.
</head>
</html>


OUTPUT :
I am first time use in html of                  blank space. 


Formating Tags in HTML Part -4

                  How to use  Formating Tags  in HTML ?

13 . अगर आपको किसी टेक्स्ट के ऊपर   Horizontel  line  खींचनी है  जोकि पुरी तरह से ब्लैक सॉलिड कलर का हो तो आप यह टैग प्रयोग  करे 
  <hr noshade>writes a text </hr noshade > | 

Program in  HTML 

<html>
<head>
<body><hr noshade> welcome to edumasterC</ hr noshade ></body>
</head>
</html>


OUTPUT: 



welcome to edumasterC


14 . अगर आपको  इटैलिक की तरह की टेक्स्ट करना है तो आप यह भी टैग  प्रयोग कर सकते है :  
  <address  >writes a text </address  > | 

Program in  HTML 

<html>
<head>
<body><address > welcome to edumasterC</address ></body>
</head>
</html>

OUTPUT: 
welcome to edumasterC




Formating Tags in HTML Part -3

                      How to use  Formating Tags  in HTML ?



9. अगर आपको  बोल्ड की तरह की टेक्स्ट करना है तो आप यह भी टैग  प्रयोग कर सकते है :  
  <strong >writes a text </strong  > | 

Program in  HTML 

<html>
<head>
<body><strong > welcome to edumasterC</strong  ></body>
</head>
</html>


OUTPUT: 
welcome to edumasterC

10 . अगर आपको  इटैलिक की तरह की टेक्स्ट करना है तो आप यह भी टैग  प्रयोग कर सकते है :  
  <em  >writes a text </em   > | 

Program in  HTML 

<html>
<head>
<body><em  > welcome to edumasterC</em></body >
</head>
</html>

OUTPUT: 
welcome to edumasterC


11  . अगर आपको  इटैलिक की तरह की टेक्स्ट करना है तो आप यह भी टैग  प्रयोग कर सकते है :  
  <cite  >writes a text </cite    > | 

Program in  HTML 

<html>
<head>
<body><cite   > welcome to edumasterC</cite ></body  >
</head>
</html>

OUTPUT: 
welcome to edumasterC



12   . अगर आपको  किसी  टेक्स्ट को लेफ्ट मार्जिन  ऑफ़ इंडेंट (Left margin of indent ) करना है तोह आप यह टैग प्रयोग करे | 

  <blockquote  >writes a text </blockquote  > | 

Program in  HTML 

<html>
<head>
<body><blockquote  > welcome to edumasterC</blockquote  ></body >
</head>
</html>

OUTPUT: 
                     welcome to edumasterC


Formating Tags in HTML Part -2



               How to use  Formating Tags  in HTML ?

5 . अगर आपको किसी टेक्स्ट को मार्क करके काटना चाहते है तो आप यह टैग प्रयोग  करे 
  <s>writes a text </s > | 

Program in  HTML 

<html>
<head>
<body><s> welcome to edumasterC</s ></body>
</head>
</html>


OUTPUT: 

welcome to edumasterC


6 . अगर आपको किसी टेक्स्ट को ऊपर एक हॉरिजेंटल लाइन  खींचनी है तो आप यह टैग प्रयोग  करे 

  <hr >writes a text </hr  > | 

Program in  HTML 

<html>
<head>
<body><hr > welcome to edumasterC</hr  ></body>
</head>
</html>

OUTPUT: 



welcome to edumasterC

7  . अगर आपको किसी टेक्स्ट को ऊपर एक हॉरिजेंटल लाइन  विड्थ (Width ) फिक्स करनी  है तो आप यह टैग प्रयोग  करे 

  <hr width ="size %">writes a text </hr  > | 



Program in  HTML 

<html>
<head>
<body><hr width ="30%" > welcome to edumasterC</hr  ></body>
</head>
</html>



OUTPUT: 


welcome to edumasterC



8  . अगर आपको किसी टेक्स्ट का नई लाइन इन्सर्ट करनी है  तो आप यह टैग प्रयोग  करे 

  <br  >writes a text </br >  | 



Program in  HTML 

<html>
<head>
<body><br  > welcome to edumasterC </br   ></body>
</head>
</html>


OUTPUT: 

welcome to edumasterC




Formating Tags in HTML Part -1

               How to use  Formatting Tags  in HTML ?



आज के अध्ययन में हम यह सीखेंगे की आखिर HTML में किसी टेक्स्ट को  टैग (Tag ) की जरिये फॉर्मेटिंग (Formating ) कैसे की जाती है | टैग का इस्तेमाल Formating के  लिए आप सभी लोगो को आनी  चाहिए क्योंकि HTML में फॉर्मेटिंग की  अहम् भूमिका  है  तो चलिए दोस्तों शुरू करते है यह अध्ययन  जिसमे हम यह सीखेंगे की आखिर HTML में किसी टैग के जरिये हम किसी टेक्स्ट का  फॉर्मेटिंग कैसे कर सकते है  |

1.  अगर आपको किसी टेक्स्ट (TEXT ) को HTML में BOLD  करना है तो आपको निचे दिए गए कोड को लिख कर NOTEPAD पर EXECUTE  करे | टेक्स्ट को बोल्ड करने से पहले जान ले की बोल्ड क्या होता है |
बोल्ड का  मतलब यह है आप किसी टेक्स्ट को डार्क दिखना चाहते है | उदहारण के लिए,

Normal Text                                          Bold Text

HTML                                                    HTML

उदहारण देख कर आप समझ गए होंगे की कोई टेक्स्ट कैसे डार्क (Dark ) हो जाता है तो चलिए दोस्तों शुरू करते आज अध्ययन  हम यह सीखेंगे की आखिर किसी टेक्स्ट को बोल्ड कैसे करते है | 
इसमें आप <b>Writes The Text</b> टैग का प्रयोग  करेंगे | 

Program in  HTML 

<html>
<head>
<body>Normal Text</body>
<body><b>Bold Text </b></body>
</head>
</html>

OUTPUT:
Normal Text Bold Text

2.यदि आप किसी टेक्स्ट को Italics  करना है तो आप यह टैग इस्तेमाल कर सकते है 
<i> writes the text</i> |

Program in  HTML

<html>
<head>
<body><i> welcome to edumasterC</i></body>
</head>
</html>

OUTPUT: 
welcome to edumasterC

3.यदि आप किसी टेक्स्ट के निचे अंडरलाइन (Underline ) करना है तो आप यह टैग इस्तेमाल कर सकते है 
<u > writes the text</u > |


Program in  HTML 

<html>
<head>
<body><u > welcome to edumasterC</u ></body>
</head>
</html>


OUTPUT: 

welcome to edumasterC

4 . अगर आपको किसी टेक्स्ट की फिक्स्ड विड्थ (Width ) चाहते है तो आप यह टैग प्रयोग  करे 
  <tt>writes a text </tt > | 

Program in  HTML 

<html>
<head>
<body><tt> welcome to edumasterC</tt ></body>
</head>
</html>

OUTPUT: 
welcome to edumasterC

How to bold text in HTML ?

How to bold text in HTML ?


अगर आपको किसी टेक्स्ट (TEXT ) को HTML में BOLD  करना है तो आपको निचे दिए गए कोड को लिख कर NOTEPAD पर EXECUTE  करे | टेक्स्ट को बोल्ड करने से पहले जान ले की बोल्ड क्या होता है |
बोल्ड का  मतलब यह है आप किसी टेक्स्ट को डार्क दिखना चाहते है | उदहारण के लिए,

Normal Text                                          Bold Text 

HTML                                                    HTML

उदहारण देख कर आप समझ गए होंगे की कोई टेक्स्ट कैसे डार्क (Dark ) हो जाता है तो चलिए दोस्तों शुरू करते आज अध्ययन  हम यह सीखेंगे की आखिर किसी टेक्स्ट को बोल्ड कैसे करते है | इसमें आप <B>Writes The Text</B> टैग का प्रयोग  करेंगे | 


<html>
<head>
<body>Normal Text</body>
<body><b>Bold Text </b></body>
</head>
</html>

OUTPUT:
Normal Text Bold Text

How to slide text by using HTML code ?

How to slide text by using HTML code ?


अगर आप को HTML  कोड के अंदर किसी टेक्स्ट को  स्लाइड करना है तो आपको merquee Tag की आवश्कता होती है | उसके लिए आपको इस प्रकार कोड लिखना होगा | 



<html>
<head>
<marquee> Hi Friend, your first slide text in your html code 
</marquee>
</head>
</html>

Output :
Hi Friend, your first slide text in your html code 




HTML in Header , Link & Paragraph



HTML in Header , Link & Paragraph kaise use karte hai  ?


आज के अध्यन में हम यह सिखने जा रहे की आखिर HTML में कैसे Header ,Link  और Paragraph  को लिखते  है तो चलिए दोस्तों शुरू  करते आज का विषय  | 

   
इसके  लिए आपको निचे दिए कोड को Notepad या अन्य कोई भी Complier के  अन्दर आप इसको  लिख सकते है |  

1.Header in the program of HTML

<h1> my first header line </h1>


यदि आपको HTML में  Header  को दर्शना है तो आप को निचे दिए गए कोड को अपने Notepad पर Execute करा सकते है | उसके लिए आपको यह पता होना चहिये की Header  में मुझे कितने साइज वाला Header  को प्रयोग  में लाना है | हम आपको यह बात दे की कुल Header के Six Level  होते है | निचे दिए गए प्रोग्राम में हमने H1 लेवल का Header  को प्रयोग में लाया है |   यंहा पर H1 से लेकर  H6 तक कोई  भी  प्रयोग कर सकते है | आप जितना H1 से लेकर H6 तक लेवल (Level ) बढ़ाएंगे उतना ही Header  की साइज छोटी होती चली जाएगी | आप अपने अनुसार Header के  Level  का चयन कर सकते है | 



Program in  HTML  

<!doctype html>
<html>
<head>
<h6> Hi friend, My first header  </h6>
</head>
</html>

Output:

hi friend


2.Link in the program of HTML

<a href="https://www.edumasterc.blogspot.com"> This is your first link in Create of HTML </a>

Ishka ek simple program:

<!doctype html>
<html>
<head>
<a href="https://www.edumasterc.blogspot.com"> This is your first link in Create of HTML. </a>
</head>
</html>

Output:

This is your first link in Create of HTML.

3.Paragraph in the program of HTML

<p> my first paragraph </p>

Ishka ek simple program:
<!doctype html>
<html>
<head>
<p> my first paragraph </p>
</head>
</html>
Output:

my first paragraph


2nd Program in HTML


2nd Program in HTML

SIMPLE PROGRAM OF HTML

<!doctype html>
<html>
<head>
<body>
HI ,YOU ARE GOOD GOING IN THE PROGRAM.
</BODY>
</HEAD>
</HTML>
</!doctype HTML>


OUTPUT:

Google Crome in Open of  Output :
HI ,YOU ARE GOOD GOING IN THE PROGRAM.



How to HTML Program write in Programming ?


           How to HTML Program write in Programming ?

Hi friend , Aaj Ham Sikhne ja rahe hai ki ek simple Html program kaise likte hai . Toh friend sabse pahle notepad open karle .Uske baad aapko yah pata hona chhahiye ki akhir hame  kya kya likhna hai  HTML Program ka ander . Chhaliye hum aapko aapko bata deate hai.
Kiwaki aap ko yadi yah nahi paata hoga ki akhir HTML program kaise likhena hai aap kaise likhange chilye friend suru karte aaj ka yah adhhyan .

Likhne ka tarika :

  1. Sabse pahle document type likhenaa hai ki kiwaki  akhir kiase pata chalega ki yah kis type hai. Iss parkar:  <!DOCTYPE html>
  2. Uske baad aapko yah  html type ka start point bana hoga .                                                            Iss parkar: <html>
  3.  Phir aap ko body banana hoaga.                                                                                                       Iss parkar: <body>
  4. Phir body type ko ends kare .Iss parkar: </body>
  5. Phir html type ko ends kare . Iss parkar: </html>
  6. Uske baad aapko  <!DOCTYPE htmldocument type ko band kare .
ab aapka notepad per program iss parkar hoga .

<!doctype html>
<html>
<body>
Hi friend I am Programmer Developer 
</body>
</html>
</!doctype html>

NOTE : Abb apako  notepad file  ko save kare save karte samay aapko yah  paata hona chhahiye ki notepad ka file extension html or htm hona chhahiye yani file ke name ke baad point (.) laaga kar htm or html likhena hai   iss parkar :- myfirsthtmprogram.html. Iss ko ab aap google crome me run kara sakte hai yani esh ko google crome me open kare .
Ab aapka pragram grama gram tyaar hai. ab aap apne screen per output dekhange  .Iss parkar:

OUTPUT :

Hi friend I am Programmer Developer 


First HTML Program


 How to write basic html (hyper text markup language ) program ?


Aapko yadi html program karna hai toh aap sabse pahle Ms notepad open kare phir  usme aap yah code write kare .


Contact Form

Name

Email *

Message *

Followers