Monday, July 20, 2020

How to make chess board using html

 html ka prayog karke chess board kaise banaye


    हाय दोस्तों आज हम आप लोग को बताने वाले हैं कि आप केवल एचटीएमएल कोड का प्रयोग करके चेस बोर्ड कैसे बना सकते हैं जी हां दोस्तों इसमें आपको ज्यादा मेहनत करने की जरूरत नहीं है क्योंकि यह बहुत ही सरल है आप इसे बिना सीएसएस के बना सकते हैं। 
जिसका आउटपुट हम आपको नीचे दिखा दिए हैं यह केवल एचटीएमएल का प्रयोग करके बनाया गया है और यदि आप इस सभी कोर्ट को डाउनलोड करना चाहते हैं तो इसका हम एचटीएमएल फाइल भी लिंक कर देंगे जिसे आप डाउनलोड कर सकते हैं और इसका कोड भी आप नीचे देख सकते हैं। 


Chess board image


चेस बोर्ड में जो सभी गोटियां होते हैं उसे भी बिना किसी इमेज के लिंक दिए आप चेस बोर्ड में उन सभी गोटियां को सेट कर सकेंगे। 
इसके लिए उन सभी चेस बोर्ड के जो घटिया होते हैं उसका एचटीएमएल कोड लिखकर उन सभी बूटियों को उसमें सेट कर सकते हैं। 


<html> 
    <head>
        <title>Chess Board</title>
    </head>
    <body>
        <center>
            <table border = "5px" bordercolor = "black" height = "43%" width = "43%" cellspacing = "0px" cellpadding = "3px">
            <caption ><u><b><em><mark><font size = "44px">CHESS BOARD</font></mark></em></b></u></caption>
            <tr>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9820</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9822</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9821</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9819</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9818</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9821</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9822</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9820</font></td>
            </tr>
            <tr>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9823</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9823</font></td>
            </tr>
            <tr>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9820</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9822</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9821</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9819</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9818</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9821</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9822</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9820</font></td>
            </tr>
            <tr>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9822</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9821</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9819</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9818</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9821</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9822</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9820</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9823</font></td>
            </tr>
            <tr>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9820</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9822</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9821</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9819</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9818</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9821</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9822</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9820</font></td>
            </tr>
            <tr>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9822</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9821</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9819</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9818</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9821</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9822</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px" color = "white">&#9820</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px" color = "red">&#9823</font></td>
            </tr>
            <tr>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9817</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9817</font></td>
            </tr>
            <tr>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9814</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9816</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9815</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9813</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9812</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9815</font></td>
                <td bgcolor = "white" align = "center"><font size = "10px">&#9816</font></td>
                <td bgcolor = "red" align = "center"><font size = "10px">&#9814</font></td>
            </tr>
        </table>
        <caption ><u><b><em><del><font size = "44px">USING ONLY HTML BY <mark>VIKAS</mark></font></del></em></b></u></caption>
    </center>
    </body>
</html>


👉👉 Click Here:- Download Chess Board.html


निवेदन:-

             आपको हमारा पोस्ट (Post) कैसा लगा इसे कमेंट (Comment) करके जरूर बताएं और हमारे इस पोस्ट को अपने (Freind) दोस्तों के पास जरूर शेयर (Share) करें। 

Popular Posts