Skip to main content

Posts

Showing posts from July, 2019

Introduction to HTML Tables

Introduction to HTML Tables   एक webpage में किसी data को structured form में represent करने के लिये आप HTML tables को use करते है। अपने webpage में tables include करके आप उसे ओर भी structured ओर attractive बना सकते है। HTML मे tables create करने के लिये आप <table> tag युज करते है। इस tag का एक sub tag होता है जिसे <tr> table row tag कहते है। <tr> tag का भी एक sub tag होता है जिसे <td> table data tag कहते है। Creating Tables in HTML  कोई भी table row ओर columns से मिलकर बनी होती है। इसलिये <table> tag के बाद row create करने के लिये आप <tr> tag युज करते है। आप जितनी rows create करना चाहते है उतने ही <tr> tag define करते है। Rows create करने के बाद आप rows मे columns create करते है। Columns create करने के लिये <td> tag का इस्तेमाल किया जाता है। आप जितने columns create करना चाहते है उतने ही <td> tags define करते है। Example <!DOCTYPE html> <html> <head> <title> Table web page</title> &l

Introduction to HTML Links

Introduction to HTML Links HTML links किसी भी web page के लिए बहुत महत्वपूर्ण होती है। एक link ऐसा text या image होती है जिस पर click करते ही आप दूसरे page पर redirect कर दिए जाते है। जब भी आप किसी link पर अपना cursor ले जाते है तो वह एक clickable hand icon में convert हो जाता है। Links का उपयोग basically एक page से दूसरे page पर जाने के लिए किया जाता है। Links web की दुनिया की roads होती है। HTML में links create करने के लिए <a> tag यूज़ किया जाता है। इसे anchor tag कहा जाता है। इस tag के सबसे basic attributes href और target होते है। इन दोनों attributes के बारे में नीचे बताया गया है। href इस attribute के द्वारा आप उस page का address define करते है जो आप link के click होने पर show करना चाहते है। href = "page-Address" target target – इस attribute के द्वारा आप वह frame define करते है जँहा पर आप page शो करना चाहते है। ये attribute optional होता है। यदि आप इसे define नहीं करते है तो page new tab में open होता है। इस attribute कि कुछ predefined values होती ह

HTML Text Formatting

Introduction to HTML Text Formatting   HTML में कुछ tags सिर्फ text formatting के लिए provide किये गए है। इन tags का इस्तेमाल करते हुए आप web page पर text की presentation और position को control कर सकते है। जैसे की आप text को bold या underline कर सकते है। किसी text editor में आप ये काम एक button click से कर सकते है लेकिन HTML में इसके लिए आप tags यूज़ करते है। कुछ common formatting type है जो आप text पर apply करते है इनकी list नीचे दी जा रही है। Bold Italic Underline Marked Superscript  Subscript Small Deleted HTML <b> Tag    HTML के द्वारा किसी text को bold करने के लिए <b> tag यूज़ किया जाता है। इसके लिए आप starting और ending tags के beech में text को लिखते है। <b> This text will be bolded. </b> HTML <i> Tag   HTML से text को italic बनाने के लिए <i> tag यूज़ किया जाता है। <i> This text will be italic. </i> HTML <ins> Tag  किसी text को underline करने के लिए <ins> tag यूज़ किया जाता है।  <ins>

HTML Headings

Introduction to HTML Headings  जब आप कोई paragraph लिखते है तो उससे पहले उसका shorter version heading के रूप में define करते है। Heading से reader को पता चल जाता है की आगे दिए जा रहे paragraph में किस विषय पर चर्चा की गयी है। Video Heading:-- https://youtu.be/ZSZiGN3aoos जब भी कोई reader किसी article को पढता है तो सबसे पहले वह एक बार सभी headings को देखता है और उसके बाद article को पढ़ना start करता है। ऐसा reader ये check करने के लिए करता है की जिस information को वह ढूँढ रहा है वह उस article में है या नहीं। Headings define करके आप readers को अपने article का एक short version provide करते है जिससे reader उस article में provide की गयी information का अंदाजा लगा पाता है। जब भी आप किसी text को heading के रूप में define करते है तो वह webpage में बड़ा और bold दिखाई पड़ता है। इससे webpage में headings normal text से अलग show होती है। लेकिन text को बड़ा और bold show करने के लिए आपको उसे heading के रूप में नहीं define करना चाहिए। HTML में जब भी आप कोई heading define करते है तो automa

Introduction to HTML Attributes

Introduction to HTML Attributes   जितने भी HTML tags होते है उन सबमें attributes define किये जाते है। Attributes के द्वारा आप tags के अंदर के content को अपने अनुसार configure कर सकते है। Attributes advanced configuration के लिए यूज़ किये जाते है। Attributes के द्वारा interpreter को additional commands दी जाती है जो उसे बताती है की किसी element के content को किस प्रकार show करना है। उदाहरण के लिए आप default page background नहीं चाहते तो उसको अपने according change कर सकते है। ऐसे ही यदि आप default text color नहीं चाहते है तो उसे भी अपने अनुसार change कर सकते है। Syntax HTML Attributes HTML में attributes define करने का general syntax इस प्रकार है। <tagName attrName="value"> some content here... </tagName> जैसा की आप ऊपर दिए गए syntax में देख सकते है attributes को हमेशा starting tag में define किया जाता है। ये name और value के pair में लिखे जाते है। Example of HTML Attributes Attributes को यूज़ करना बहुत ही simple है। बस आपको पता होना चाहिए की कौनस

Writing Your First HTML program

Writing Your First HTML Program HTML में web pages create करना बहुत ही आसान है। जैसा की मैने आपको पहले बताया एक HTML program text और tags का combination होता है। इसलिए ये जरुरी है की यदि आपने अब तक HTML tags के बारे में नहीं पढ़ा है तो इस tutorial को आगे पढ़ने से पहले एक बार HTML tags के बारे में जरूर जान लें। Tutorial के इस section में आप अपना पहला HTML program लिखना सीखेंगे। इसके बाद के section में आपको लिखे गए program को HTML webpage के रूप में run करना बताया जाएगा। Choosing Text Editor For Writing HTML Program  HTML के द्वारा web pages create करने के लिए आपको एक text editor की आवश्यकता होती है। इसके लिए आप कोई भी text editor use कर सकते है। कुछ popular text editors की list निचे दी जा रही है। Notepad – यह text editor windows operating system द्वारा by default provide किया जाता है। इसे आप start menu से open कर सकते है। यह text editor बिलकुल simple है। लेकिन इसमें line numbers और code color जैसे features नहीं है।  Notepad++ – यह text editor  notepad-plus-plus.org  website

Introduction to HTML Tags

Introduction to HTML Tags एक HTML file tags और text का combination होती है। HTML tags को HTML elements भी कहा जाता है। यदि आपको tags का concept समझ आ जाये तो आप HTML आसानी से समझ सकते है। क्योंकि HTML पूरी तरह tags के द्वारा ही कार्य करती है। शुरआत में जब HTML को design किया गया तो इसे सिर्फ webpages में text को display करने के लिए use किया जाता था। उस समय HTML बहुत limited थी और इसमें कुछ ही tags थे। HTML tags द्वारा text को webpages में display करने की process को text को mark करना कहा जाता था। यही वजह थी की HTML को text markup language कहा गया। उस समय HTML सिर्फ computer scientists द्वारा use की जाती थी जो अपने papers को HTML द्वारा world wide web पर publish करते थे ताकि दूसरे scientist उन्हें पढ़ सके। लेकिन HTML इतनी simple और effective थी की यह बहुत जल्दी popular हो गयी और बहुत से लोग इसे use करने लगे। धीरे धीरे जैसे ही HTML popular हुई तो webpages में अलग अलग elements show करने की requirement बढ़ती गयी। अब HTML सिर्फ एक text markup language नहीं रही है। अब आप HTML के द्