Skip to main content

Basic HTML Web Page Structure

 

Basic HTML Web Page Structure in Hindi.

 เคฒेเค–เค•  RAVINDRA CHAUBEY

HTML Document เค•े Basic Structure เค•ी เคชूเคฐी เคœाเคจเค•ाเคฐी.

HTML Document เคฏा เคเค• HTML Page เค•ा เคจिเคฐ्เคฎाเคฃ HTML Elements เค”เคฐ HTML Tags เคธे เคนोเคคा เคนै. HTML Page เค•ो เค†เคช Webpage เค•े เคจाเคฎ เคธे เคญी เคœाเคจเคคे เคนै.

เคเค• เค…เค–เคฌाเคฐ (Newspaper) เคฏा เคชเคค्เคฐिเค•ा เคฒेเค– (Magazine Article) เค•ी เคฌเคจाเคตเคŸ เค•े เค…เคจुเคฐूเคช เคนी เคเค• HTML Page เค•ा Structure เคนोเคคा เคนै. เคเค• เคธाเคฎाเคจ्เคฏ เคชเคค्เคฐिเค•ा เคฒेเค– เคฎें Headings (เคถीเคฐ्เคทเค•), Paragraphs, Sub-headings (เค‰เคชเคถीเคฐ्เคทเค•) เค†เคฆि เคนोเคคे เคนै. เค ीเค• เคฏเคนी เคšीเคœे เคเค• Basic HTML Document เคฎें เคญी เคนोเคคी เคนै.

 เคเค• HTML Document เคฎें เคญी เคถीเคฐ्เคทเค•, Paragraphs เคคो เคนोเคคे เคนी เคนै. เค‡เคจเค•े เค…เคฒाเคตा เคญी เค•เคˆ เค”เคฐ เคšीเคœे เคเค• HTML Page เคฎें เคนोเคคी เคนै. เคœिเคจเค•े เคฌाเคฐे เคฎें เคจीเคšे เคฌเคคाเคฏा เคœा เคฐเคนा เคนै.

Table of Content



HTML Page Structure

  1.  The Doctype Element
  2.  The html Element
  3.  The head Element
  4. The body Element

HTML Web Page Basic Structure

เคเค• Basic HTML Document Structure เคšाเคฐ เคšीเคœों เคธे เคฎिเคฒเค•เคฐ เคฌเคจเคคा เคนै. เคœिเคจ्เคนें เค†เคช เคจीเคšे Image เคฎें เคฆेเค– เคธเค•เคคे เคนै.




1.     The Doctype Element

2.     The html Element

3.     The head Element

4.     The body Element

เคฏे เคšाเคฐ เคšीเคœे เคฏा เคฏूँ เค•เคนे เค•ि เคšाเคฐ HTML Tag เคเค• HTML Document เค•ा เคขाँเคšा เคฏा เค•ंเค•ाเคฒ (Skeleton) เคฌเคจाเคคे เคนै. เค‡เคธ HTML Page เค•े เค•ंเค•ाเคฒ เค•े เคŠเคชเคฐ เคนเคฎाเคฐा เคธाเคฐा เค•ाเคฐ्เคฏ เคจिเคฐ्เคญเคฐ เคฐเคนเคคा เคนै. เคฏे เคšाเคฐ HTML Tags เคเค• HTML Page Structure เคฎें เคถाเคฎिเคฒ เคนोเคคे เคนै. เค†เคˆเค เค…เคฌ เคช्เคฐเคค्เคฏेเค• HTML Tag เค•े เคฌाเคฐे เคฎें เคœाเคจเค•ाเคฐी เคฒेเคคे เคนै.

1. The Doctype Element

DOCTYPE Element เค•ा เคชूเคฐा เคจाเคฎ Document Type Definition เคนै. เค‡เคธ Tag เคธे เคนเคฎे Document Type เค”เคฐ HTML Version เค‡เคจ เคฆो เคšीเคœों เค•े เคฌाเคฐे เคฎें เคœाเคจเค•ाเคฐी เคฎिเคฒเคคी เคนै.

Document Type Computer เค•ो เคฌเคคाเคคा เคนै เค•ि เคฏเคน เคเค• HTML Document เคนै. เค”เคฐ HTML Version เคธे เคนเคฎे HTML Version เค•ी เคœाเคจเค•ाเคฐी เคฎिเคฒเคคी เคนै เค•ि เค‡เคธ HTML Document เคฎें HTML เค•ा เค•ौเคจเคธा Version เค‡เคธ्เคคेเคฎाเคฒ เค•िเคฏा เค—เคฏा เคนै.

 HTML Version เค”เคฐ Document Type Declaration เค•ा เค‰เคชเคฏोเค— Browser เคฆ्เคตाเคฐा HTML Page เค•ो เคธเคนी เคคเคฐเคน เค”เคฐ เคชूเคฐी เคคเคฐเคน เคธเคฎเคเคจे เค•े เคฒिเคฏे เค•िเคฏा เคœाเคคा เคนै. เค‡เคธเคฒिเค Doctype Declaration เค•ो เคนเคฎे HTML Page เคฌเคจाเคคे เคธเคฎเคฏ เคœเคฐूเคฐ เคฒिเค–เคจा เคšाเคนिเค.

2. The html Element

Doctype Declaration เค•े เคคुเคฐंเคค เคฌाเคฆ Opening <html> Tag เค•ो เคฒिเค–ा เคœाเคคा เคนै. HTML Element HTML Page เค•ा Root Element เคนोเคคा เคนै. Opening HTML Tag <html> เค”เคฐ Closing HTML Tag </html> เค•े เคฌीเคš เคฎें เคนी เค…เคจ्เคฏ HTML Tags เค•ो เคฒिเค–ा เคœाเคคा เคนै.

3. The head Element

Head Element เค•े เคฆ्เคตाเคฐा HTML Document เค•े Head Part เค•ो Define เค•िเคฏा เคœाเคคा เคนै. เค‡เคธ Element เค•ी HTML Page เคฎें เคฎเคนเคค्เคตเคชूเคฐ्เคฃ เคญूเคฎिเค•ा เคนोเคคी เคนै.

Head Element เค•ा เค‰เคชเคฏोเค— Browsers เค”เคฐ Search Engines เค•ो HTML Document เคฏाเคจि Webpage เค•े เคฌाเคฐे เคฎें เคธूเคšเคจा (Information) เคฆेเคจे เค•े เคฒिเค เค•िเคฏा เคœाเคคा เคนै.

 HTML เค•े Head Element เคฎें เคเค• Title element เคฒिเค–ा เคœाเคคा เคนै. Title Tag เค•े เคฆ्เคตाเคฐा HTML Document เค•ा Title เคฒिเค–ा เคœाเคคा เคนै. Document Title Browser Window เค”เคฐ SERPs เคฏाเคจि Search Engine Result Pages เคฎें เคฆिเค–ाเคˆ เคฆेเคคा เคนै.





Title เค•े เค…เคฒाเคตा เคเค• Webpage เค•े เคฌाเคฐे เคฎें เค…เคคिเคฐिเค•्เคค เคœाเคจเค•ाเคฐी Meta Tag เคฆ्เคตाเคฐा เคฒिเค–ि เคœाเคคी เคนै. เค‡เคธ เคœाเคจเค•ाเคฐी เคฎें Page Description, Keywords, Page Authorship Information, Author Name, Character Encoding, Browser Instruction เค†เคฆि เคถाเคฎिเคฒ เคนै. เค‡เคธ เคœाเคจเค•ाเคฐी เค•ो เคธाเคฎूเคนिเค• เคฐुเคช เคฎें Meta Data เค•เคนा เคœाเคคा เคนै. Meta Data Users เค•े เคฒिเค เค‰เคชเคฒเคฌ्เคง เคจเคนी เคฐเคนเคคा เคนै. เค•्เคฏोंเค•ि เคฏเคน เคœाเคจเค•ाเคฐी Actual Content เค•ा เคนिเคธ्เคธा เคจเคนी เคนोเคคी เคนै.

เค•ुเค› External Resources เคœैเคธे JavaScript, External StyleSheets เคญी Head Element เคฎें เคนी เคœोเคกी เคœाเคคी เคนै. External Page Resources เค•ो HTML Document เคฎें เคœोเคกเคจे เค•े เคฒिเค Link Tag เค•ा เค‰เคชเคฏोเค— เค•िเคฏा เคœाเคคा เคนै.

4. The body Element

เค†เคชเค•ो เคœो เคนिเคธ्เคธा เค‡เคธ Lesson เคฎें เคฆिเค–ाเคˆ เคฆे เคฐเคนा เคนै. เคตो เคธเคญी Body Element เค•े เคญीเคคเคฐ เคนी เคฒिเค–ा เค—เคฏा เคนै. เค…เคฐ्เคฅाเคค เคเค• Webpage เค•ा เคœो เคญाเค— เคนเคฎें Browser Window เคฎें เคฆिเค–ाเคˆ เคฆेเคคा เคนै. เคตो เคธเคฌเค•ुเค› Body Tag เคฎें เคฒिเค–ा เคœाเคคा เคนै.

Body Tag เคเค• HTML Document เค•ा Main Container เคนोเคคा เคนै. Page Headings, Paragraphs, Sub-headings เค•ो Body Element เค•े เคญीเคคเคฐ เคนी เคฒिเค–ा เคœाเคคा เคนै. Graphics, Multimedia Files, เคฏा เค…เคจ्เคฏ เค•ोเคˆ เคญी เคœाเคจเค•ाเคฐी เคœो เค†เคช User เค•ो เคฆिเค–ाเคจा เคšाเคนเคคे เคนै. เค‡เคธी Element เค•े เค…ंเคฆเคฐ เคฒिเค–ी เคœाเคคी เคนै.

 

Labels:

Comments

Post a Comment

knowledgeable post

Popular posts from this blog

HEADING TAG IN HTML

HEADING TAG HTML headings are used to create a hierarchical structure for the content on a webpage. They range from level 1 (the most important) to level 6 (the least important). The most commonly used heading tags are H1, H2, and H3. The H1 heading is typically used for the main title of the webpage, while H2 and H3 headings are used for subheadings and sub-subheadings, respectively. To create a heading in HTML, you can use the following syntax: <h1>This is a level 1 heading</h1> <h2>This is a level 2 heading</h2> <h3>This is a level 3 heading</h3> <h4>This is a level 4 heading</h4> <h5>This is a level 5 heading</h5> <h6>This is a level 6heading</h6> source code for heading tag: <!DOCTYPE html > <html lang= "en" > <head>     <meta charset= "UTF-8" >     <meta http-equiv= "X-UA-Compatible" content= "IE=edge" >     <meta name= "v...
Post a Comment
Read more »

Create First Webpage with Html

  HTML เคธे First Webpage เคฌเคจाเคจे เค•ा เคคเคฐीเค•ा Step: 1 เคเค• Text Editor Open เค•ीเคœिเค เค…เคชเคจा First HTML Webpage เคฌเคจाเคจे เค•े เคฒिเค เคธเคฌเคธे เคชเคนเคฒे เคคो เคเค• Simple Text Editor เค•ो Open เค•ीเคœिเค. เค‡เคธเค•े เคฒिเค เค†เคช Notepad เค•ा เค‰เคชเคฏोเค— เค•เคฐ เคธเค•เคคे เคนै. Notepad เคถुเคฐुเค†เคค เค•เคฐเคจे เค•े เคฒिเค เคธเคฌเคธे เค…เคš्เค›ा เคŸूเคฒ เคนै. Step: 2 HTML Code เคฒिเค–िเค Notepad เค•ो Open เค•เคฐเคจे เค•े เคฌाเคฆ เค†เคชเค•ो เค‡เคธเคฎें เค•ुเค› HTML เคฒिเค–เคจी เคนै. เค†เคช เคจीเคšे เคฒिเค–े HTML Program เค•ो เค…เคชเคจे เคจोเคŸเคชैเคก เคฎें Copy เค•เคฐ เคธเค•เคคे เคนै. เคฏा เคซिเคฐ เค‡เคธ HTML Program เค•ो  Keyboard  เค•ी เคฎเคฆเคฆ เคธे เคฒिเค– เคธเค•เคคे เคนै. เค‡เคธ Example เคฎें เคนเคฎเคจे เคเค• HTML Document เค•े เคธाเคฎाเคจ्เคฏ Structure เคฎें เค•ाเคฎ เค†เคจे เคตाเคฒे Tags เค•ो Use เค•िเคฏा เคนै. เค†เคช เคเค• HTML Document Skeleton เค•े เคฌाเคฐे เคฎें เค…เคงिเค• เคœाเคจเค•ाเคฐी เค•े เคฒिเค เคนเคฎाเคฐे เค‡เคธ Lesson เค•ो เคชเคข เคธเค•เคคे เคนै. เค‡เคธ Lesson เค•ा URL เคจीเคšे เคฆिเคฏा เค—เคฏा เคนै. เค‡เคธे เคชเคขे:   HTML Document Structure <!DOCTYPE html> <html> <body><h1>My First Heading</h1><p>My first paragraph.</p> </body> </html> Example เค•ो เคธเคฎเคिเค <!DOCTYPE html>  HTML Tag Document เค•ो Define เค•เคฐเคคा เคนै. <html>  Tag เคเค• ...
5 comments
Read more »