Learn Html

Interoduction

PHP को सिखना बहुत ही आसान एवं सरल है जिसे कोई भी सिख सकता है अगर आपको बेसिक नॉलेज हो HTML ,CSS JAVASCRIPT का तो आप सिख सकते है अगर न भी हो तो कोई बात नहीं हमने इसे इस प्रकार डिजाइन किया है की आप हर टॉपिक की जानकारी के साथ एक एक भाषा को संपूर्ण तरीके से सिख सके आपके लिए सरल भाषा में यह बुक लिखी गई है जिसका आप लाभ ले सकते है आपको अब इंटरनेट या किसी टीचर या एक्सपर्ट की जरुरत नहीं अगर अपने ध्यान से इस बुक को पढ़ा तो आप कम समय में सिख सकते है!

परिचय संक्षिप्त में :-

php सर्वर साइट स्क्रिप्टिंग लैंग्वेज एवं डायनामिक टाइप वेब डिजाइन लैंग्वेज हे जिसका प्रयोग किसी भी प्रकार के फॉर्म की कनेक्टिविटी से लेकर डेटाबेस का डेटाबेस में स्टोर करने के लिए बहत ही सरल तरीके से किया जा सकता है।

PHP को प्रथम बार प्रस्तुत रास्मस लेरडोर्फ ने सन 1994-1995 के मध्य में किया था!

PHP को पहले सामान्य पेज डिजाइन करने के लिए उपयोग में लिया जाता था सबसे पहले इसे पर्सनल होम पेज के नाम से जाना जाता था उसके उपरांत यह 1998 में पुनः से इसका उपयोग बृहत रूप में होने लगा तब से इसका पूरा नाम (हाइपरटेक्स्ट प्री प्रोसेसर ) हो गया आज जो हम php देख रहे हे या उपयोग में ले रहे हे उसने बृहत रूप ले लिया हैं आज समय की मांग है. यह भाषा का उपयोग हर कंपनी फर्म कर रहे हे ज्यादा से ज्यादा इसी भाषा का प्रयोग किया जा रहा है.

वेबसाइट डिज़ाइन और डेवलपमेंट में सबसे अधिक अगर कोई भाषा का प्रयोग हो रहा हैं तो वह php हैं ,यह भाषा पूर्ण रूप से ओपन सोर्स हैं जिसे कही भी कभी भी इंटरनेट के माध्यम से मुफ्त में डाउनलोड करके उपयोग में लाया जा सकता है !

php की कई विशेषताएं हैं :-

1.php सभी प्रकार के ऑपरेटिंग सिस्टम को सपोर्ट करता हैं

2.सभी प्रकार के डेटाबेस को भी सपोर्ट करता हैं और यह सरल एवं सुगम्य रूप से डेटाबेस से कनेक्ट हो जाता है .

जैसे की mysql ,sql ,psql एक्सेस और भी सभी प्रकार के डेटाबेस से कनेक्ट हो जाता हैं !

3.यह पूर्णता मुफ्त में उपलब्ध है जिसका उपयोग आप कर सकते है !

4.यह प्लेटफॉर्म इंडिपेंडेंट है जिसे किसी भी प्लेटफॉर्म में रन किया जा सकता है !

सॉफ्टवेयर :-

यह सॉफ्टवेयर इंटरनेट के माध्यम से डाउनलोड कर सकते है.वह इस प्रकार है यह WAMP ,LAMP,XAMPP कंट्रोल पैनल को सपोर्ट करता है जिसे इनस्टॉल करने के बाद आप इसमें किसी भी प्रकार के PHP प्रोजेक्ट को रन कर सकते है.

क्या आप जानते है ?

PHP कई प्रकार की लैंग्वेज को सपोर्ट करता है जैसे कि HTML ,CSS ,JAVASCRIPT ,AZAX इत्यादि !

जैसे की mysql ,sql psql ,एक्सेस और भी सभी प्रकार के डेटाबेस से कनेक्ट हो जाता हैं

PHP फाइल को कैसे सेव किया जा सकता है ?

PHP के एक्सटेंशन :- PHP फाइल को विभिन्न प्रकार के एक्सटेंशन के साथ सेव किया जा सकता है जिसे किसी भी सर्वर में रन किया जा सकता है ! जैसे की एक्सटेंशन है .php, .phtml, .php3, .php4, .php5, .php7, .phps

HTML,Css का परिचय

अब हम आपको संक्षिप्त में HTML का परिचय करवाएंगे जिससे की आप पहले HTML सिख ले फिर उसके बाद संक्षिप्त में CSS सिखले उसके पश्चात आपको हम पूरी तरह से PHP का अध्यन करवाएंगे क्योकि आपको PHP पूर्ण रूप से सिखने के लिए HTML और CSS का बेसिक नॉलेज होना चाहिए इसलिए आपको अब हम HTML का अध्यन करवाएंगे उसके पश्चात CSS का फिर PHP और MYSQL का परिचय करवाएंगे जिससे की आप एक वेबसाइट या प्रोजेक्ट बना सखे जिससे की आप एक अच्छे वेबसाइट डिजाइनर बन सकते है !

HTMLका परिचय

HTML प्रथम बार प्रस्तुत करने वाले टीम बर्नर ली थे जिन्होंने कई रिसर्च करने के बाद वर्ल्ड वाइड वेब के साथ HTML को सन 1991 में प्रस्तुत किया था !

HTML का पूरा नाम हाइपर टेक्स्ट मार्कअप लैंग्वेज है जो की एक क्लाइंट साइट स्क्रिप्टिंग लैंग्वेज है जिसका प्रयोग बेसिक वेबपेज बनाने के लिए प्रयोग किया जाता है ,HTML कई प्रकार के फॉर्मेटिंग टैग को सपोर्ट करता है जिसका प्रयोग करके आप वेबपेज बना सकते है ,HTML में बनाये गए वेबपेज को आप किसी भी वेब ब्राउज़र में रन करा सकते है आप HTML की फाइल को .HTML या .HTM एक्सटेंशन से भी सेव कर सकते हो ! !


HTML के टैग: 2 प्रकार के होते है :-

1.सिंगल टैग or Empty Element.

2.डबल टैग or Nested Element.


1.सिंगल टैग ऐसा टैग जो स्वयं में ओपन और क्लोज हो ! वह सिंगल टैग होता है जैसे की
यह एक सिंगल टैग है!

2.डबल टैग – ऐसा टैग जो ओपन और क्लोज अलग अलग टैग में हो ! उसे डबल टैग कहते है जैसे की <H1 > </H1 > यह डबल टैग है!

HTML कई प्रकार के टैग को सपोर्ट करता है और HTML के कई सारे वर्जन है जो की पुराने टैग के साथ साथ नए टैग को भी सपोर्ट करता है परन्तु HTML के पुराने वर्जन में कुछ नए टैग को सपोर्ट नहीं करता है इसलिए आप HTML का कोड लिखते समय HTML डॉक्यूमेंट नए वर्जन का उपयोग करे की जिससे आपके सारे टैग को आपका वेबपेज सपोर्ट कर सके.

HTML का बेसिक SYNTAX Or Program

Syntex of html

<!DOCTYPE>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Output

My First Heading

My first paragraph.

Note: html में बेसिक दो पार्ट होते है

Head Section :

जिसमे टाइटल होता है और आप हेड सेक्शन में css या जावास्क्रिप्ट को लिख सकते है

Body Section

जिसमें आप कोई भी किसी भी टैग को उपयोग में ला सकते है

HTML के कुछ महत्वपूर्ण टैग :-

हम यहाँ दे रहे है वैसे आप HTML के कई सारे टैग जो नए वर्जन में उपलब्ध है

TAG NAME DESCRIPTION
<h1> </h1>,
<h2> </h2>,
<h3> </h3>,
<h4> </h4>,
<h5> </h5>,
<h6> </h6>,
यह हैडिंग के लिए उपयोग किया जाता है जिसमें सभी साइज अलग-अलग होते हैं हैडिंग में <h1>से लेकर <h6> तक ही हैडिंग होती है आप इसका उपयोग कई प्रकार की हैडिंग के लिए कर सकते हैं जिसका साइज अलग-अलग होगा
<p> </p> Paragraph पैराग्राफ लिखने के लिए उपयोग में लेते हैं इसका साइज डिफॉल्ट होता है
<q> </q> Quotation’s इस टाइप का उपयोग कोटेशन लिखने के लिए होता है जिसे आप सिंगल कोटेशन या डबल कोटेशन में लिख सकते हैं
<-commentd-> इस टैग का उपयोग कमेंट लिखने के लिए होता है !
<img> For Image इस टैग का उपयोग इमेज को डॉक्यूमेंट में उपयोग में लाने के लिए प्रयोग किया जाता है
<head></head> For Head इस टैग का प्रयोग हेड लिखने के लिए प्रयोग में लाया जाता है!
<title></title> For Title इस टैग का उपयोग डॉक्यूमेंट के वेब पेज के टाइटल लिखने के लिए उपयोग में लाया जाता है अ
<br> For Break इस टैग का प्रयोग लाइन ब्रेक करने में किया जाता है
<hr> For horizontal line इस टैग का प्रयोग हॉरिजेंटल लाइन लेने के लिए किया जाता है
<frame> For Frame इस टैग का प्रयोग फ्रेम बनाने के लिए किया जाता है
<frameset> For Set Frame प्रेम को सेट करने के लिए इस टैग का प्रयोग करते हैं
<iframe> For side frame इस टैग का प्रयोग किसी भी स्क्रॉल डाउन प्रेम के लिए करते हैं इसे ऑनलाइन ही किया जा सकता है
<&headergt For header इस टैग का प्रयोग हैडर लिखने के लिए होता है
<a> For anchor or link इस टैग का प्रयोग हाइपरलिंक के लिए होता है
<i> For italic इसका प्रयोग इटैलिक के लिए होता है
<font> For input इसका प्रयोग font लेने या colour के लिए होता है
<footer> For footer इसका प्रयोग फुटर बनाने के लिए होता है
<form> For form इसका प्रयोग फॉर्म को लिंक करने या मेथड का प्रयोग करने के लिए होता है जिससे कि डाटा, डेटाबेस में स्टोर सकें
<embed> For embed इसका प्रयोग एंबेड के लिए होता है
<article> For article आर्टिकल टैक का प्रयोग किसी भी प्रकार के आर्टिकल लिखने के लिए होता है
<area> For area एरिया टैग का प्रयोग अगर आपको एरिया या ! बॉक्स चाहिए हो तो कर सकते हैं
<table> For table टेबल को create करने या बनाने के लिए स्टैक का प्रयोग करते हैं
<tr> For Row इस टैग का प्रयोग टेबल में Row लेने के लिए होता है
<th> For heading
<td> For cols इस टैग का प्रयोग टेबल में कॉलम हेडिंग के लिए होता है

Heading

हैडिंग टैग का उपयोग हैडिंग प्रिंट करवाने के लिए किया जाता है, <h1>सबसे बड़ा हैडिंग होता है और <h6> सबसे छोटा और डिफॉल्ट टैग होता है

Example

<!doctype>
<html>
<body>
<h1>Heading<h1>
<h2>Heading<h2>
<h3>Heading<h3>
<h4>Heading<h4>
<h5>Heading<h5>
<h6>Heading<h6>

</body>

Output

Heading

Heading

Heading

Heading

Heading
Heading

Html Paragraph

Html मैं एलिमेंट पैराग्राफ लिखने के लिए उपयोग किया जाता है

Example

<Html>
<body>
<p>This is a Paragraph</p>
<p>This is a Paragraph </p>
<p>This is a Paragraph </p>
</body>
</Html>

Output

This is a Paragraph

This is a Paragraph

This is a Paragraph

Font Color

:-font tag का प्रयोग font color, sizeऔर font-family के लिए किया जाता है!

Example

<Html>
<body>
<font color=”red”>My Page</font>
</body>
</Html>

Optput

My Page


Creating Form :-

आप अपने डेक्सटॉप या मॉनिटर के या कोई स्क्रीन का फ्रेम सेट कर सकते हो नीचे दिए गए Example के माध्यम से आप अपने प्रेम सेट करें , अगर आपको प्रेम सेट करना हो तो आप Row और Collom को % में या pixel में डिवाइड कर सकते हैं


Html Style:

स्टाइल का प्रयोग अप टैग में किसी भी स्टाइल जैसे उसका Size , Font family और उसके सभी Attributesकी सहायता से चेंज या स्टाइल दे सकते हैं

Example

<html>
<body>
<p> I am Happy </p>
<p style=”color:blue;”> I am blue </p>
<p style=”font-size:50px;> I am big </p>
</body>
</html>

Output

I am Happy

I am blue

I am big


Comment:-

कमेंट टैग का उपयोग कमेंट लिखने के लिए किया जाता है इसका कोई आउटपुट नहीं होता है !

Examlpe

<html>
<body>
<-comment in html->
</body>
</html>


</div class=”box1″>

Leave a Reply

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

Recent Posts

Recent Comments