เคจเคฎเคธ्เคाเคฐ เคฆोเคธ्เคคों เคเคชเคा AnekRoop เคฎें เคธ्เคตाเคเคค เคนै। เคเค เคนเคฎ เคाเคจेंเคे HTML เคे เคฌाเคฐे เคฎें।
HyperText Markup Language (HTML)
HTML Kya Hai?
เคเคธเคे full form เคธे เคเคช เคธเคฎเค เคเค เคนोंเคे เคि HTML เคเค เคญाเคทा เคนै เคिเคธे web pages เคฌเคจाเคจे เคฎें เคเคธ्เคคेเคฎाเคฒ เคिเคฏा เคाเคคा เคนै।
Example :- เคเคฌ เคญी internet เคเคช เคเคฒाเคคे เคนैं , เคाเคนे facebook เคฏा google, เคคो เคเคจเคฎे เคो เคाเคจเคाเคฐी เคฆी เคाเคคी เคนै เคตเคน page เคฎें เคฆी เคाเคคी เคนै เคเคฐ เคเคธ page เคी เคฌเคจाเคตเค HTML เคे เคฆ्เคตाเคฐा เคนोเคคी เคนै।
Web pages เคो เคฌเคจाเคจे เคे เคฒिเค HTML "Tags " เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐเคคी เคนै। เคเคจ tags เคी เคฎเคฆเคฆ เคธे เคोเค เคญी เคต्เคฏเค्เคคि web pages เคฌเคจा เคธเคเคคा เคนै। เคเคฐ เคเคธे internet เคฎें upload เคเคฐ เคธเคเคคा เคนै , เคเคฐ เคเคธे เคนी websites เคฌเคจเคคे เคนैं।
HTML เคฎें เคฎुเค्เคฏ 3 เคीเคों เคो เคाเคจเคจा เคนै :-
Tags , Attributes เคเคฐ Elements
HTML Me Tags Kya Hote Hai?
Tags เคो instruction เคฏा codes เคเคน เคธเคเคคे เคนैं। Web Browser ( Chrome ) เคเคจ्เคนीं codes เคे เคฆ्เคตाเคฐा web pages เคो screen เคฎें show เคเคฐเคคी เคนै।
Example of Tags :-
<i > italic </i >
opening tag content closing tag
Result : Italic
<html >......... </html>
<p>.........</p>
<b>........</b>
<u>........</u>
<hr>.......</hr>
<centre>...........</centre>
<table>............</table>
<img scr = "........." >
[Image add เคเคฐเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
เคนเคฐेเค Tags เคा เค เคชเคจा-เค เคชเคจा เคाเคฎ เคนोเคคा เคนै เคिเคธे bracket เคे เคฆ्เคตाเคฐा เคฌเคคाเคฏा เคเคฏा เคนै , เคฏเคน tags, web pages เคฌเคจाเคจे เคฎें เคाเคฎ เคเคคी เคนैं।
HTML Me Attributes aur Elements Kya Hote Hai ?
- HTML เค्เคฏा เคนै ?
- HTML เคा full form เค्เคฏा เคนोเคคा เคนै ?
- HTML เคฎें Tags เค्เคฏा เคนोเคคे เคนैं ? Example of tags
- HTML เคฎें Elements เคเคฐ Attributes เค्เคฏा เคนोเคคे เคนैं ?
- HTML เคฎें เคिเคจ-เคिเคจ software เคฆ्เคตाเคฐा web pages เคฌเคจा เคธเคเคคे เคนैं ?
- HTML เคฎें web pages เคैเคธे เคฌเคจाเคคे เคนैं ?
html ki jankari hindi me |
.
HTML Ka Full Form Kya Hota Hai?HyperText Markup Language (HTML)
HTML Kya Hai?
เคเคธเคे full form เคธे เคเคช เคธเคฎเค เคเค เคนोंเคे เคि HTML เคเค เคญाเคทा เคนै เคिเคธे web pages เคฌเคจाเคจे เคฎें เคเคธ्เคคेเคฎाเคฒ เคिเคฏा เคाเคคा เคนै।
Example :- เคเคฌ เคญी internet เคเคช เคเคฒाเคคे เคนैं , เคाเคนे facebook เคฏा google, เคคो เคเคจเคฎे เคो เคाเคจเคाเคฐी เคฆी เคाเคคी เคนै เคตเคน page เคฎें เคฆी เคाเคคी เคนै เคเคฐ เคเคธ page เคी เคฌเคจाเคตเค HTML เคे เคฆ्เคตाเคฐा เคนोเคคी เคนै।
Web pages เคो เคฌเคจाเคจे เคे เคฒिเค HTML "Tags " เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐเคคी เคนै। เคเคจ tags เคी เคฎเคฆเคฆ เคธे เคोเค เคญी เคต्เคฏเค्เคคि web pages เคฌเคจा เคธเคเคคा เคนै। เคเคฐ เคเคธे internet เคฎें upload เคเคฐ เคธเคเคคा เคนै , เคเคฐ เคเคธे เคนी websites เคฌเคจเคคे เคนैं।
HTML เคฎें เคฎुเค्เคฏ 3 เคीเคों เคो เคाเคจเคจा เคนै :-
Tags , Attributes เคเคฐ Elements
HTML Me Tags Kya Hote Hai?
Tags เคो instruction เคฏा codes เคเคน เคธเคเคคे เคนैं। Web Browser ( Chrome ) เคเคจ्เคนीं codes เคे เคฆ्เคตाเคฐा web pages เคो screen เคฎें show เคเคฐเคคी เคนै।
Example of Tags :-
<i > italic </i >
opening tag content closing tag
Result : Italic
<html >......... </html>
[เคนเคฐेเค web page เคे เคธुเคฐुเคตाเคค เคฎें <html > เคเคฐ เค
ंเคค เคฎें </html > เคा เคช्เคฐเคฏोเค เคนोเคคा เคนै। เคเคจ เคฆोเคจों tags เคे เคฌिเค เคฎें เคนी เค
เคจ्เคฏ tags เคा เคाเคฎ เคนोเคคा เคนै। ]
<head>...........</head>
[ เคเคธเคฎें web page เคा heading เคฆिเคฏा เคाเคคा เคนै। เคเคธे page header เคญी เคเคนเคคे เคนैं। ]
<title >........ ..</title >
<title >........ ..</title >
[ เคฏเคน web pages เคे title เคฆेเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। เคฏเคน <head> ..... </head > เคे เค
ंเคฆเคฐ เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
<body>..........</body>
[ เคเคธ tag เคे เค
ंเคฆเคฐ เคธเคญी documents เคคैเคฏाเคฐ เคนोเคคे เคนै , เคฏा เคเคนें เคธเคญी เคाเคฐ्เคฏ เคนोเคคे เคนैं। ]
<p>.........</p>
[เคจเคฏा paragraph เคฌเคจाเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
<b>........</b>
[ text เคो bold เคเคฐเคจे เคे เคाเคฎ เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
<u>........</u>
[ underline เคฆेเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
<hr>.......</hr>
[ เคธीเคงी line เคฆेเคจे เคฎें เคाเคฎ เคเคคा เคนै ]
<br>
[ linebreak , เคเค เคฒाเคเคจ เคी เคฆुเคฐी เคฌเฅाเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
[ linebreak , เคเค เคฒाเคเคจ เคी เคฆुเคฐी เคฌเฅाเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
<centre>...........</centre>
[ text เคो center เคฎें เคฒाเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै ]
<table>............</table>
[ Webpage เคฎें table เคฌเคจाเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। เคिเคธเคฎे row <td >... </td> เคฆ्เคตाเคฐा เคเคฐ column <tr >.... </tr> เคฆ्เคตाเคฐा เคฌเคจाเคฏे เคाเคคे เคนैं। ]
<style>...........</style>
[ Links เคฏा style sheet เคฌเคจाเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
<img scr = "........." >
[Image add เคเคฐเคจे เคฎें เคช्เคฐเคฏोเค เคนोเคคा เคนै। ]
เคนเคฐेเค Tags เคा เค เคชเคจा-เค เคชเคจा เคाเคฎ เคนोเคคा เคนै เคिเคธे bracket เคे เคฆ्เคตाเคฐा เคฌเคคाเคฏा เคเคฏा เคนै , เคฏเคน tags, web pages เคฌเคจाเคจे เคฎें เคाเคฎ เคเคคी เคนैं।
HTML Me Attributes aur Elements Kya Hote Hai ?
Attributes:-
เคฏเคน เคเคชเคฐ เคฆिเค Tags เคฎें เคนी เคाเคฎ เคเคคे เคนैं। เคเคฌ tags เคे style เคฎें size ,shape, colour เคเคค्เคฏाเคฆि เคो change เคเคฐเคจा เคนो เคฏा เคोเฅเคจा เคนो เคคเคฌ เคเคธเคा เคเคธ्เคคेเคฎाเคฒ เคिเคฏा เคाเคคा เคนै।
Attributes เคो opening tag เคฎें เคนी เคฆिเคฏा เคाเคคा เคนै।
เคैเคธे ;-
<hr width = "500 " >
เคฏเคนां เคชเคฐ width เคो 500 px เคเคฐเคจे เคे เคเคนा เคा เคฐเคนा เคนै।
<hr color = "red " >
เคฏเคนां เคชเคฐ เคฒाเคฒ เคฐंเค add เคเคฐเคจे เคो เคเคนा เคा เคฐเคนा เคนै , เคเคฐ เคเคธे เคนी attributes เคा เคเคธ्เคคेเคฎाเคฒ เคนोเคคा เคนै।
Elements :-
เคเคฌ Opening Tag , Content เคเคฐ Closing Tag เคคीเคจों เคเคชเคธ เคฎें เคนो เคคो เคเคจ्เคนें Elements เคเคนเคคे เคนैं। Element เคे เค
ंเคฆเคฐ เคนी Attributes เคเคคे เคนैं।
เคैเคธे :-
<i > italic </i >
opening tag content closing tag
opening tag content closing tag
〰〰〰〰〰〰〰〰〰〰〰〰〰〰
Element
Result : Italic
Example with attributes :-
<i color = " red "> italic </i >
Result : Italic
HTML Se Web Pages Kis Software Se Banaye
HTML เคฆ्เคตाเคฐा web pages เคฌเคจाเคจे เคे เคฒिเค เคเคช Notepad (windows ) เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐ เคธเคเคคे เคนैं। เคฏा เคซिเคฐ เคिเคธी เค
เคจ्เคฏ text editor เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐ เคธเคเคคे เคนैं।
เคเคเคเคฒ เคฒोเค HTML เคฆ्เคตाเคฐा web pages เคฌเคจाเคจे เคे เคฒिเค GUI เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐเคคे เคนैं।
เคฏे GUI Editors, automatically HTML codes เคो generate เคเคฐเคคी เคนै เคिเคธเคธे เคी เคฒोเค เคเคธाเคจी เคธे web pages เคฌเคจा เคฒेเคคे เคนैं เคिเคธเคธे codes เคे เคเคชเคฐ เคง्เคฏाเคจ เคจเคนीं เคฆेเคจा เคชเฅเคคा เคนै।
Ex GUI :- Microsoft's Front Page , Adobe 's Dream Weaver
เคฒेเคिเคจ เคฎैं เคเคชเคो เคธเคฒाเคน เคฆूंเคा เคि เคชเคนเคฒे เคเคช Notepad เคฎें เคเคจ codes เคे เคฆ्เคตाเคฐा web pages เคฌเคจाเคฏे เคซिเคฐ เคฌाเคฆ เคฎें GUI เคा เคเคธ्เคคेเคฎाเคฒ เคเคฐें।
เคเคธเคธे เคฌाเคฆ เคฎें เคเคฌ เคเคนीं เคฆिเค्เคเคค เคเคเคी เคคो เคเคธाเคจी เคธे เคเคช เคเคธे solve เคเคฐ เคชाเคंเคे।
HTML Dwara Web Pages Kaise Banaye
เคฏเคนां เคชเคฐ เคเคฆाเคนเคฐเคฃ เคे เคฆ्เคตाเคฐा เคฌเคคाเคฏा เคเคฏा เคนै เคि เคैเคธे HTML เคे เคฆ्เคตाเคฐा web pages เคฌเคจाเคฏा เคाเคคा เคนै।
Step 1 :- Notepad เคชเคฐ เคाเคฏे เคเคฐ เคจीเคे เคฆिเค เคเค codes เคो type เคเคฐें।
Step 2 :-
<html >
<head>
<title> My first html web page </title>
</head>
<body>
My world
</body>
</html>
Step 3 :-
เคเคธे save เคเคฐें। save เคเคฐเคคे เคธเคฎเคฏ end เคฎें .html เคธे save เคเคฐें।
เคैเคธे myfirstpage.html
เคเคธी เคคเคฐเคน pages เคो save เคเคฐें।
Step 4:-
เคซिเคฐ เคเคธे open เคเคฐें , เคเคนां save เคिเคฏे เคฅे เคตเคนाँ เคธे।
เคเคธी เคคเคฐเคน เคเคช html เคी เคฎเคฆเคฆ เคธे เค
เคชเคจा web pages เคฌเคจा เคธเคเคคे เคนैं เคिเคธเคฎें เคเคช images ,audio , video ,tables ,background เคเคค्เคฏाเคฆि เคैเคธे เคीเคें เคญी add เคเคฐ เคธเคเคคे เคนैं।
Note :-
เคฏเคน post html เคे basic knowledge เคे เคฒिเค เคนै , เคเคธเคी เค
เคงिเค เคाเคจเคाเคฐी เคे เคฒिเค เคฆिเค เคเค websites เคชเคฐ เคाเคเคฐ เคธिเค เคธเคเคคे เคนैं।
เคคो เคฆोเคธ्เคคों เคฏเคน เคฅी html เคे เคฌाเคฐे เคฎें เคाเคจเคाเคฐी। เคฎुเคे เคเคฎ्เคฎीเคฆ เคนै เคि เคเคชเคो เคฏे เคाเคจเคाเคฐी เคเคฐूเคฐ เคชเคธंเคฆ เคเค เคนोเคी। เคฏเคฆि เคเคชเคा เคोเค เคธเคตाเคฒ เคฏा เคोเค เคธुเคाเคต เคนै เคคो เคนเคฎें comment เคเคฐเคे เคเคฐूเคฐ เคฌเคคाเคฏे।
เคเคธे facebook , watsapp เคฎें share เคเคฐเคจा เคจा เคญूเคฒें।
เค
เคชเคจा เคฎเคนเคค्เคตเคชूเคฐ्เคฃ เคธเคฎเคฏ เคฆेเคเคฐ เคเคธ post เคो เคชเฅเคจे เคे เคฒिเค เคเคชเคा เคฌोเคนोเคค-เคฌोเคนोเคค เคงเคจ्เคฏเคตाเคฆ।