How to create simple HTML page for beginners - Part 1

Hell friends,It is very easy to design HTML page.HTML is Hyper Text Markup Language.It is very helpful for beginners. I will demonstrate how we start designing simple HTML Page. There are so many HTML editor are available for designing HTML pages. No matter which editor is used. The most common editor is Notepad , Notepad++ , Sublime text Let we start with HTML code and understand how to create simple html page for beginners.

दोस्तों, HTML पेज डिजाइन करना बहुत आसान है। HTML हाइपर टेक्स्ट मार्कअप लैंग्वेज है। यह शुरुआती लोगों के लिए बहुत मददगार है। मैं प्रदर्शित करूँगा कि हम सरल HTML पेज कैसे डिज़ाइन करना शुरू करते हैं। HTML पेज डिजाइन करने के लिए बहुत सारे HTML tag उपलब्ध हैं। कोई फर्क नहीं पड़ता कि किस editor का उपयोग किया जाता है। सबसे आम editor Notepad , Notepad++ , Sublime text है हम HTML कोड से शुरू करते हैं और समझते हैं कि शुरुआती के लिए सरल HTML पेज कैसे बनाया जाए।

Basic HTML tags

Some basic tags are: Paragraph Tag Images Tag Link Tag Headings Tags Div Tag Anchor Tag Bold Tag Line Break Tag Center Tag Horizontal rule Tag Marquee Tag Menu Tag Ordered List Tag Unordered List Tag Table Tag Table Row Tag Table Data Tag Table Header Tag.

All HTML code and information is written between opening tag such as <> and end closing tab such as Notepad++ is advance of Simple notepad it is very convenient for HTML code. Download latest version Notepad++ and Install.

सभी HTML कोड और जानकारी ओपनिंग टैग जैसे <> और एंड क्लोजिंग टैब के बीच लिखी जाती है जैसे कि नोटपैड ++ साधारण नोटपैड से पहले है यह HTML कोड के लिए हेवी कंफर्टेबल है। नवीनतम संस्करण नोटपैड ++ डाउनलोड करें और इंस्टॉल करें।

                                                                                               

Now write head and title tag between html tag.Inside head tag meta tag,title,style tag, script tag etc. we will learn about these tags in next section. Title tag show the description about page which is display in top of browser.

अब html tag के बीच हेड और टाइटल टैग लिखें। इनसाइड हेड टैग मेटा टैग, टाइटल, स्टाइल टैग, स्क्रिप्ट टैग आदि। हम इन टैग्स के बारे में अगले भाग में जानेंगे। शीर्षक टैग पृष्ठ के बारे में शिलालेख दिखाता है जो ब्राउज़र के शीर्ष में प्रदर्शित होता है।

Insert body tag

The content of page is written inside the body tag.What we written inside body tag will display in browser.We can decorate page inside body tag using different attributes such as background colour,fore colour,insert tables,insert images,insert videos,insert divs,insert flash files,insert etc.Let i explain step by step.

पेज की सामग्री बॉडी टैग के अंदर लिखी गई है। हम बॉडी टैग के अंदर लिखे गए ब्राउज़र में प्रदर्शित करेंगे। हम पेज को अलग-अलग विशेषताओं जैसे बैकग्राउंड कलर, फ्रंट कलर, इंसर्ट टेबल, इंसर्ट इमेज, इंसर्ट डालने, वीडियो इन्सर्ट करके पेज को सजा सकते हैं। divs, फ़्लैश फाइलें डालें, डालें आदि। चरण दर चरण मैं समझाता हूं।

Comment tag

Before proceed with body tag i want to explain about comment tag.It is very good practice in every programming to give description about each code so that everyone can easily understand the code.In HTML we also describe things in comments tag.It look like we can insert comment tag anywhere between HTML tag

बॉडी टैग के साथ आगे बढ़ने से पहले मैं टिप्पणी टैग के बारे में बताना चाहता हूं। प्रत्येक प्रोग्रामिंग में प्रत्येक कोड के बारे में विवरण देने के लिए यह बहुत अच्छा अभ्यास है ताकि हर कोई कोड को आसानी से समझ सके। HTML में हम टिप्पणी टैग में चीजों का भी वर्णन करते हैं। HTML टैग के बीच कहीं भी टिप्पणी टैग सम्मिलित कर सकते हैं

Image tag

Image tag define image in html page using source attribute (src).src contain location of image file in disk.Image tag is used inside body tag.We can also adjust the width and height of image using height and width attribute.

स्रोत विशेषता (src) का उपयोग करके HTML पृष्ठ में छवि टैग छवि को परिभाषित करता है। डिस्क में छवि फ़ाइल का स्थान होता है। शरीर टैग का उपयोग शरीर टैग के अंदर किया जाता है। हम ऊंचाई और चौड़ाई विशेषता का उपयोग करके छवि की चौड़ाई और ऊंचाई को भी समायोजित कर सकते हैं।

Paragraph Tag

Paragraph tag is used to define text in formated way using their attributes.It does not contain any block elements like table. Paragraph tag attributes are align, class, Id,style, title.

पैराग्राफ टैग का उपयोग उनकी विशेषताओं का उपयोग करके तैयार किए गए तरीके से पाठ को परिभाषित करने के लिए किया जाता है। इसमें तालिका जैसे कोई ब्लॉक तत्व नहीं होते हैं। अनुच्छेद टैग विशेषताएँ संरेखित, वर्ग, आईडी, शैली, शीर्षक हैं।

Heading Tag

Heading tag are only used for heading. We can not bold text or change font size of text. Its range is H1 to H6. H1 for most and H6 for least size of text.

हेडिंग टैग का उपयोग केवल हेडिंग के लिए किया जाता है। हम टेक्स्ट को बोल्ड नहीं कर सकते हैं या टेक्स्ट का फ़ॉन्ट आकार नहीं बदल सकते हैं। इसकी रेंज H1 से H6 है। अधिकांश के लिए H1 और पाठ के कम से कम आकार के लिए H6।

Div Tag

The div tag is just like a container unit.It encapsulates other page elements and divides the HTML document into sections. Web developers use div elements to group with HTML elements and apply CSS styles to many elements at once. For instance, by wrapping a set of paragraph elements into a div element, the developer can take advantage of CSS styles and apply a font to all paragraphs at once by applying a font style to the div tag instead of coding the same style for each paragraph element.The basic attributes of Div tag element are Id,title,name,style.

Div टैग एक कंटेनर यूनिट की तरह है। यह अन्य पेज एलिमेंट्स को एन्क्रिप्ट करता है और HTML डॉक्यूमेंट को सेक्शन में विभाजित करता है। वेब डेवलपर HTML तत्वों के साथ समूह में div तत्वों का उपयोग करते हैं और एक ही बार में कई तत्वों के लिए CSS शैलियाँ लागू करते हैं। उदाहरण के लिए, एक पैराग्राफ में पैराग्राफ तत्वों के एक सेट को लपेटकर, डेवलपर सीएसएस शैलियों का लाभ उठा सकता है और प्रत्येक पैराग्राफ के लिए एक ही शैली को कोड करने के बजाय डिव टैग के लिए एक फॉन्ट स्टाइल लागू करके सभी पैराग्राफ पर एक फ़ॉन्ट लागू कर सकता है। तत्व। डिव टैग तत्व के मूल गुण आईडी, शीर्षक, नाम, शैली हैं।

Anchor Tag

<a> tag is known as link or hyperlink.<a> tag is simple and important it is used to link from one page to another. Attributes of Tag <a> are href,name,rel,title,method.

<a> टैग को लिंक या हाइपरलिंक के रूप में जाना जाता है। <a> टैग सरल और महत्वपूर्ण है इसका उपयोग एक पृष्ठ से दूसरे पृष्ठ को लिंक करने के लिए किया जाता है। टैग <a> के गुण href, नाम, rel, शीर्षक, विधि हैं।

Bold Tag

<b> tag is used to bold the text.Highlight the normal text by using <b> tag.

<b> टैग का उपयोग टेक्स्ट को बोल्ड करने के लिए किया जाता है। <b> टैग का उपयोग करके सामान्य टेक्स्ट को हाइलाइट करें।

Line Break Tag

<br> tag has no no tag because it is empty tag. <br> tag used for line break in text. It is useful more than one sentences are written in new lines such as addresses,songs,poem,paragraphs etc.

<br> टैग में कोई टैग नहीं है क्योंकि यह खाली टैग है। टेक्स्ट में लाइन ब्रेक के लिए उपयोग किया जाने वाला टैग। यह उपयोगी है एक से अधिक वाक्य नई पंक्तियों जैसे पते, गीत, कविता, पैराग्राफ आदि में लिखे गए हैं।

Center Tag

<Center> tag is used to align center , text written inside <Center> tag.It is used to align text.Center tab can be used in paragraph tag,span tag and other elements.

<Center> टैग का उपयोग केंद्र को संरेखित करने के लिए किया जाता है, <Center> टैग के अंदर लिखा गया पाठ। इसका उपयोग पाठ को संरेखित करने के लिए किया जाता है। केंद्र टैब का उपयोग पैराग्राफ टैग, स्पैन टैग और अन्य तत्वों में किया जा सकता है।

Horizontal rule Tag

<hr> tag is known as horizontal rule. It is used to draw horizontal line. It has following attributes such as align,size,width,no shade.It support all the browsers.

<hr> टैग को क्षैतिज नियम के रूप में जाना जाता है। इसका उपयोग क्षैतिज रेखा खींचने के लिए किया जाता है। इसमें निम्न विशेषताएं हैं जैसे कि संरेखित करें, आकार, चौड़ाई, कोई छाया नहीं। यह सभी ब्राउज़रों का समर्थन करता है।

By using these basic tags we can easily create simple HTML page.We will discuss more tags in upcoming post.