Table of Contents
Introduction about HTML In Hindi
हेलो दोस्तों आज हम इस पोस्ट में HTML के बारे में जानेगे की HTML कैसे काम करती है HTML से webpages कैसे बनाया जाता है। किसी बी website/webapplication बनाने में HTML का इस्तेमाल होता ही तो हम लोग one by one HTML के सरे elements उसके tags,attribute के बारे में details से जानेगे|
जब हमे अपने phone या laptop के browser में search करते है तो कई सारी search related website google में आजाती है तो ये सब जो website दिखाई दे रही है वह सभी website बनाने के लिए html काही इस्तेमाल हुवा है और आप अब ये content read कर रहे हो ये website को बी html का इस्तेमाल से बनाया गया है|
HTML को सबसे पहले Tim Berners-Lee, Robert Cailliau ने 1989 में बनाया था । यह Hyper Text Markup Language है।
HTML hypertext और markup language का combination है.
Hypertext का मतलब की user/reader text पे click करके website के एक web document page से दूसरे web document page में जा सकते है| यानि की जिस text पे click करेंगे उस पर website के दूसरे document page की link(url) सेट की होती है जिसके वजह से हम एक web document से दूसरे webdocument जा सकते है|
Markup Language एक तरीका है जो अपने computer को एक दूसरे से बात करने के लिए control करता है कि text कैसे process और presented किया जाता है।
markup language एक tags based langauge है जिसमे text को html tags के साथ लिखा जाता है। और इसका इस्तेमाल करके webpage का structure बनाया जा सकता है।
What is HTML In Hindi (html क्या है| हिंदी में )
HTML का full form Hyper Text Markup langauge है! और HTML का उपयोग करके हम किसी बी website का webpage बना सकते है! मतलब की हमें HTML के बारे में और उसके Elements के बारे में माहिती होती है तो हम HTML के Elements का उपजोग करके किसी बी website का page Structure बना सकते है!
HTML के Element,Tag पहले छे ही बने बनाये होते हमको सिर्फ उसका उपयोग करके webpage का structure ready करना होता है| HTML Element के दो tag होते है एक तो <> opening tag दूसरा उसका closing tag हमारा जो tax,content जोबी होता है हमे इन दो tag के बीच में लिखना होता है |
HTML Elements
HTML Elements के webpage structure ready करने के लिए उपयोग होने वाले basic Elements
Webpage में header text को लिँखने के लिए <h1> to <h6> Element होते है|
Paragraph को लिँखने के लिए <p>…</p> Element है|
Webpage में horizontal line set करने के लिए <hr>Element है|
Webpage में content (paragraph) new line में break करने के लिए <br> empty एलिमेंट है|
एक Webpage को दूसरे Webpage के साथ link करने के लिए <a>Element है|
Webpage में images को सेट करने के लिए <img> Element है|
HTML Tags
HTML Element के दो tag होते है <>एक opening tag और दूसरा उसका </>closing tag.
इन Element tag को angle bracket <> में लिखे जाते है|
Element tag के first opening tag में attribute, class , id ये सभी यह tag में ही लिखे जाते है|
HTML Tag attribute
HTML Element tag के अंदर अगर किसी प्रकार की additinal information tag के बारे में बतानी हो तो वह हम attribute से सेट कर सकते है|<a> tag में href attribute , <img> tag में src attribute और class और id सभी Element में सेट कर सकते है|
HTML Demo Structure
<!DOCTYPE html>
<html>
<head>
<title>Here document title</title>
</head>
<body>
<h1> heading</h1>
<p> Document content goes here..</p>
<span> this is span </span>
</body>
</html>
output
heading
Document content goes here..
this is span<!DOCTYPE html>
DOCTYPE वास्तव में एक element या HTML tag नहीं है। यह browser को यह जानने देता है कि document की व्याख्या कैसे की जानी चाहिए, यह indicating करके कि HTML के किस version का उपयोग किया जा रहा है।
<html>
यह tag HTML page का main element है| <html>or </html> बिच में ही हम दूसरे element के उपयोग छे webpage का structure तैयार करते है| उसके चलते है ये root element है|
<head>
<head> tag में SEO के related metatitle,metadescription जैसे इस tag में add किये जाते है| <head> tag के अंदर ही हम अपनी javascript और css style file को including किया जाता है|
<title>
यह tag के बिच में हम जो page का नाम या दूसरा page related कोय बी meta title लिखते है । वह browser के tab में दिखाय देता है।
<body>
यह tag के अंडर हम सभी प्रकार के content element add कर सकते है जैसे की <h1> ,<p>,<section>,<div> etc…
यह ऊपर के image में देख सकते है की file का जो extension है वह .html है और .html file में php का code रन नहीं होता जबकि php (.php) extension file में html का code रन (execute) होता है|
<!DOCTYPE html>
<html>
<head>
<title>Here document title</title>
</head>
<body align="center">
<h1> this is h1 header tag </h1>
<h2> this is h2 header tag </h2>
<p> this is paragraph tag</p>
<div> this is division tag </div>
</body>
</html>
output
अगर हम ऊपर जो HTML का Code लिखा वह browser में रन करते है तो हमें कुछ इस तरह का उसका Output दिखाई देगा | अगर आप लोग देखना चाहते हो तो इस HTML का Code Copy करके अपने Text Editor Notepad.Sublime Text Editor में Past करके और इस फाइल को Save करके browser में रन करके आप बी देख सकते हो
