How To Set Background Image In HTML In Hindi

How To Set Background Image In HTML In Hindi

How To Set Background Color Or Image In HTML In Hindi

HTML में बैकग्राउंड कलर कैसे सेट करें ?

किसी भी Web Page के Background का Color बहुत आसानी से Change किया जा सकता हैं। न सिर्फ Web Page के Background का Color Set किया जा सकता हैं बल्कि Background में कोई Image या Picture भी डाली जा सकती हैं।

Background का Color , Web Page को Attractive बनाने के लिए Change किया जाता हैं। वैसे Background का Color Change करने व Background में Image डालने के लिए किसी Language जैसे CSS आदि का Useज्यादा बेहतर हैं।

Background का Color Set करने के लिए 

 Web Page के Background के Color को Set या Change करने के लिए <Body> Tag में attributes लिखे जाते हैं।

Command-

<body bgcolor=”Color Name “>

Example –

<body bgcolor=”Red “>

इस Tag को आप अपने Notepad  में कुछ इस तरह लिख सकते हैं।

<html>

<head> <title> Background Color </title> </head>

<body bgcolor=”red”>

<font size=”5″ color=”Yellow”> Hey !! I Am Learning HTML </font>

<br>

<font size=”8″ color=”green”> It’s Easy . </font>

</body> </html>

इसका Output , Internet Browser में कुछ इस तरह दिखेगा।

How To Set Background Color Or Image In HTML In Hindi

Background में  Image , Set करने के लिए 

Web Page के Background में कोई Image या Picture भी Set की जा सकती हैं।

Command-

<body background=”Picture File Path “>

Example –

<body background=”C:\Users\dell\Desktop\desert.jpg”>

Background Image के Repeat होने से रोकने के लिए 

ऊपर दिए Simple Tags में Background Image , Screen में बार-बार Repeat हो जाती हैं। बिना  CSS का Use किये Background Image को Repeat होने से रोका जा सकता हैं यानि पूरे Screen में एक ही Image भी लायी जा सकती हैं। 

Full Screen में Image लाने के लिए style Attributes का Use किया जाता हैं। 

Example –

<body background=”C:\Users\dell\Desktop\desert.jpg” style=”background-repeat : no-repeat ; background-size : 100% 100%”>

यहां पर “no-repeat” का meaning हैं background को repeat मत करो और “100% 100%” में पहला 100% , Rows के लिए तथा दूसरा 100% Columns के लिए Use हुआ हैं।यानि पूरे screen में एक ही Image Display होगी।

Example With All Attributes

इस Tag को आप अपने Notepad  में कुछ इस तरह लिख सकते हैं।

<html>

<head> <title> Background Image </title> </head>

<body background=”C:\Users\dell\Desktop\desert.jpg” style=”background-repeat : no-repeat ; background-size : 100% 100%”>

<font size=”5″ color=”Yellow”> Hey !! I Am Learning HTML </font>

<br>

<font size=”8″ color=”green”> It’s Easy </font>

</body> </html>

इसका Output , Internet Browser में कुछ इस तरह दिखेगा।

how to add background Image in html In Hindi

इसी Post से संबंधित “How To Set Background Image In HTML In Hindi” Video को हमारे YouTube channel  में देखने के लिए इस Link में Click करें  ।   YouTube channel link – (Padhai Ki Batein / पढाई की बातें)

Note – Class 8th , 9th , 10th , 11th , 12th के हिन्दी विषय के सभी Chapters से संबंधित videos हमारे YouTube channel  (Padhai Ki Batein / पढाई की बातें)  पर भी उपलब्ध हैं। कृपया एक बार अवश्य हमारे YouTube channel पर visit करें । सहयोग के लिए आपका बहुत – बहुत धन्यबाद।

You are most welcome to share your comments . If you like this post . Then please share it . Thanks for Reading.

यह भी पढ़ें…

  1. What is HTML Coding
  2. Web Page कैसे बनाते हैं
  3. HTML Form 
  4. How To Create Table In Html
  5. How To Create Hyperlink In HTML
  6. How To Insert An Image In HTML Page
  7. Ordered And Unordered List In HTML
  8. Frame In HTML

Related Posts