HTML का परिचय / HTML Introduction in detail

HTML क्या है ?



HTML 5

चलिए जानते हैं कि HTML क्या है ?

HTML stands for Hyper Text Markup Language (हाइपर टेक्स्ट मार्कअप लैंग्वेज)।
HTML web page बनाने के लिए standard markup language है ।
HTML एक web page के structure का वर्णन करती है 
HTML elements की एक series होती है।
HTML elements browser को बताते हैं कि content को कैसे प्रदर्शित (display) करना है। 
HTML elements को content के pieces में label करती है, जैसे "this is a heading", "this is a paragraph", "this is a Link", etc. 



What is HTML ?


Let's get to know what is HTML?

HTML is an acronym which stands for Hyper Text Markup Language.

HTML is the standard markup language for creating Web pages and web applications.

HTML describes the structure of a Web page.

HTML consists of a series of elements.

HTML elements tell the browser how to display the content.

HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.




आइए देखें कि हाइपर टेक्स्ट मार्कअप लैंग्वेज और वेब पेज का क्या मतलब है।


Hyper Text क्या है ?


Hyper Text का अर्थ है "Text within Text"। एक text जिसमें इसके अंदर एक link है, को hyper text कहा जाता है। जब भी आप एक link पर click करते हैं जो आपको एक नया webpage पर लाता है, तो वह एक hypertext है जिस पर आपने click किया हैं। हाइपरटेक्स्ट एक दूसरे के साथ दो या अधिक webpages (HTML documents) लिंक करने का एक तरीका है।


Markup language क्या है ?


markup language एक computer language  है जिसे layout और formatting को text document पर apply करने के लिए use किया जाता है। markup language text को अधिक interactive और dynamic बनाता है। यह text को images, tables, links, etc में बदल सकता है।



Web Page क्या है ?


एक web page एक ऐसा document है। जो आमतौर पर HTML में लिखा जाता है। और web browser द्वारा translated किया जाता है। एक web page को एक URL enter करके identifie किया जा सकता है। एक web page static या dynamic type का हो सकता है

केवल HTML की मदद से, हम static web page बना सकते हैं

इसलिए, HTML एक markup language है जिसका उपयोग styling की मदद से आकर्षक web page और web applications बनाने के लिए किया जाता है, और जो web browser पर एक अच्छा format दिखाता है। एक HTML document कई HTML tags से बना होता है। और प्रत्येक HTML tag में अलग-अलग content होते हैं।





Let's see what is meant by Hyper Text Markup Language, and Web page.


What is Hyper Text ?


Hyper Text simply means "Text within Text." A text which has a link within it, is called hypertext. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. HyperText is a way to link two or more web pages (HTML documents) with each other.


What is Markup language ?



markup language is a computer language that is used to apply layout and formatting to a text document. Markup language makes text more interactive and dynamic. It can turn text into images, tables, links, etc.



What is Web Page ?


A web page is a document which is commonly written in HTML and translated by a web browser. A web page can be identified by entering an URL. A Web page can be of the static or dynamic type. 

With the help of HTML only, we can create static web pages. 

Hence, HTML is a markup language which is used for creating attractive web pages and web applications with the help of styling, and which looks in a nice format on a web browser. An HTML document is made of many HTML tags and each HTML tag contains different content.



HTML Example


<!DOCTYPE html>
<html>
<head>
<title>Web page title</title>
</head>
<body>
<h1>Write Your First Heading</h1>
<p>Write Your First Paragraph.</p>
</body>
</html>



HTML उदाहरण का विवरण


<!DOCTYPE html>: यह document के प्रकार को परिभाषित करता है या browser को HTML के versions के बारे में निर्देश देता है। और यह HTML 5 version है।


 <html > :यह tag browser को Inform करता है कि यह एक HTML document है।  HTML tag के बीच का Text web document का वर्णन करता है।  यह <!DOCTYPE> . को छोड़कर HTML के अन्य सभी elements के लिए एक Container है


 <head>: यह <html> Element के अंदर पहला Element होना चाहिए, जिसमें metadata (document के बारे में जानकारी) हो।  body tag खुलने से पहले इसे close कर देना चाहिए।


 <title>: जैसा कि इसके नाम से पता चलता है, इसका उपयोग उस HTML Page का title जोड़ने के लिए किया जाता है जो browser window के top पर दिखाई देता है।  इसे head tag के अंदर रखा जाना चाहिए और close कर देना चाहिए।  (वैकल्पिक)


<body> : body tag के बीच का text उस page की main content का वर्णन करता है जो end user को दिखाई देता है।  इस tag में HTML document का main content है।


 <h1> : <h1> tag के बीच का text webpage के प्रथम first level heading का वर्णन करता है।


 <p> : <p> tag के बीच का text webpage के paragraph का वर्णन करता है।



Description of HTML Example


<!DOCTYPE html>: It defines the document type or it instruct the browser about the version of HTML. And this is HTML 5 version.

<html > :This tag informs the browser that it is an HTML document. Text between html tag describes the web document. It is a container for all other elements of HTML except <!DOCTYPE>

<head>: It should be the first element inside the <html> element, which contains the metadata(information about the document). It must be closed before the body tag opens.

<title>: As its name suggested, it is used to add title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately. (Optional)

<body> : Text between body tag describes the body content of the page that is visible to the end user. This tag contains the main content of the HTML document.

<h1> : Text between <h1> tag describes the first level heading of the webpage.

<p> : Text between <p> tag describes the paragraph of the webpage.



टिप्पणियाँ

इस ब्लॉग से लोकप्रिय पोस्ट

HTML tag, Element and Attribute in English

Redmi K30i 5G को स्नैपड्रैगन 765G और 120Hz डिस्प्ले के साथ घोषित किया गया है: कीमत, स्पेसिफिकेशन और बहुत कुछ

HTML Tag, Attribute and Element in detail हिन्दी में।