Skip to main content

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 เค•ो เคธเคฎเคिเค

  1. <!DOCTYPE html> HTML Tag Document เค•ो Define เค•เคฐเคคा เคนै.
  2. <html> Tag เคเค• HTML Document เค•ा เคฎुเค–्เคฏ Tag เคนोเคคा เคนै. เคœिเคธเค•े เค…ंเคฆเคฐ เคธाเคฐी HTML เค•ो เคฒिเค–ा เคœाเคคा เคนै.
  3. <body> Tag เคฎें เคเค• HTML Document เค•ा Visible Part เคฒिเค–ा เคœाเคคा เคนै. เคœो เคนिเคธ्เคธा เคนเคฎे เคเค• Webpage เคฎें เคฆिเค–ाเคˆ เคฆेเคคा เคนै. เค‰เคธे Body Tag เค•े เค…ंเคฆเคฐ เคนी เคฒिเค–ा เคœाเคคा เคนै.
  4. <h1> Tag เค•ा เค‰เคชเคฏोเค— Heading เคฌเคจाเคจे เค•े เคฒिเค เค•िเคฏा เคœाเคคा เคนै. HTML เคฎें h1 เคธे h6 เคคเค• เค•ी Heading เคนोเคคी เคนै.
  5. <p> Tag เค•ा เค‰เคชเคฏोเค— HTML Document เคฎें Paragraph เคฒिเค–เคจे เค•े เคฒिเค เค•िเคฏा เคœाเคคा เคนै.

Step: 3 HTML File เค•ो Save เค•ीเคœिเค

เคŠเคชเคฐ เคœो เค†เคชเคจे HTML เคฒिเค–ि เคนै. เค‰เคธเค•ो เค…เคฌ เค…เคชเคจे Computer เคฎें Save เค•ीเคœिเค. HTML File เค•ो Save เค•เคฐเคจा เค‡เคคเคจा เคนी เค†เคธाเคจ เคนै เคœिเคคเคจा เค•ि เค…เคจ्เคฏ เคซाเคˆเคฒ เค•ो Save เค•เคฐเคจा.

HTML File เค•ो Save เค•เคฐเคจे เค•े เคฒिเค File เคชเคฐ เคœाเค. เค‡เคธเค•े เคฌाเคฆ Save เคชเคฐ เคœाเค. เคฏा เคซिเคฐ KEYBOARD เคธेे Ctrl + S เคฆเคฌाเคं.  เค…เคฌ เค†เคชเค•े เคธाเคฎเคจे เคเค• SaveAs Dialog Box เค–ुเคฒेเค—ा. เคฏเคนाँ เค…เคชเคจी เคซाเคˆเคฒ เค•ा เคจाเคฎ เคฒिเค–े. เคจीเคšे เคšिเคค्เคฐ เคฆेंเค–े. เคœैเคธे; firstwebpage.html, Encoding เคฎें UTF-8 เคšुเคจे. เค”เคฐ เค‡เคธเค•े เคฌाเคฆ Save เคฌเคŸเคจ เคชเคฐ เค•्เคฒिเค• เค•ीเคœिเค.



Note: HTML File Name เคฎें .html เคœเคฐूเคฐ เคฒिเค–ें. .html HTML Document เค•ा File Extension เคนोเคคा เคนै.

Step: 4 HTML File เค•ो Browser เคฎें Open เค•ीเคœिเค

เค…เคฌ เค†เคชเค•ा First HTML Document เคฌिเคฒ्เค•ुเคฒ เคคैเคฏाเคฐ เคนो เคšुเค•ा เคนै. เค…เคฌ HTML Codes เคธे เคฌเคจे เคตेเคฌเคชेเคœ เค•ो เคฆेเค–เคจा เคนै. เค‡เคธเค•े เคฒिเค เคนเคฎे เค…เคชเคจी Saved File เค•ो Open เค•เคฐเคจा เคนै. เคซाเคˆเคฒ เค•ो เค–ोเคฒเคจे เค•े เคฒिเค เค‡เคธเค•े เคŠเคชเคฐ เคฎाเคŠเคธ เคธे เคกเคฌเคฒ เค•्เคฒिเค• เค•ीเคœिเค. เค†เคชเค•ी เคซाเคˆเคฒ เค†เคชเค•े Default Browser เคฎें Open เคนो เคœाเคเค—ी. เคœो เค†เคชเค•ो เค•ुเค› เค‡เคธ เคช्เคฐเค•ाเคฐ เค•ी เคฆिเค– เคฐเคนी เคนोเค—ी.




Labels:

Comments

Post a Comment

knowledgeable post

Popular posts from this blog

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  The Doctype Element
1 comment
Read more »

HTML Element

HTML Element HTMl Element เค•्เคฏा เคนै – What is an HTML Element? เคฏเคน เคช्เคฐเคถ्เคจ เคนเคฎेเคถा เคนी Confuse เค•เคฐเคคा เคนै. เค–ाเคธเคคเคคौเคฐ เคชเคฐ เคจเคฏे-เคจเคฏे Programmers เคคो HTML Elements เค•े เคฌाเคฐे เคฎें Confused เคนी เคฐเคนเคคे เคนै. เค‡เคธी Confusion เค•ो เคฆूเคฐ เค•เคฐเคจे เค•े เคฒिเคฏे เคนเคฎเคจे เคฏเคน Lesson เคคैเคฏाเคฐ เค•िเคฏा เคนै. เค‡เคธ Lesson เคฎें เคนเคฎ เค†เคชเค•ो HTML Element เค•्เคฏा เคนै? HTML Element เค”เคฐ HTML Tag เคฎें เค…ंเคคเคฐ เค•्เคฏा เคนै – Different between HTML Tag and HTML Element? HTML Element เค•े เคช्เคฐเค•ाเคฐ – Types of HTML Elements? เค†เคฆि เค•े เคฌाเคฐे เคฎें เคœाเคจเค•ाเคฐी เคฆेंเค—े. Table of Content HTML Element เค•्เคฏा เคนै – What is an HTML Element?
Post a Comment
Read more »