https://www.rakeshmgs.in/search/label/Template
https://www.rakeshmgs.in
RakeshMgs

Learn Html Free using Tags and Attributes

Updated:



Attributes เค•े เคฌाเคฐे เคฎें เคœाเคจเคจे เคธे เคชเคนเคฒे เค•ुเค› เค”เคฐ common tags เค•े เคฌाเคฐे เคฎें เคจीเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै। เค‡เคจ tags เค•ा เค‡เคธ्เคคेเคฎाเคฒ เค†เค—े เค†เคจे เคตाเคฒे examples เคฎें เค•िเคฏा เคœाเคฏेเค—ा।


1. <h1> </h1>

Heading 1

เคฏे heading tag เคนोเคคा เคนै। เค‡เคธเคธे page เค•ी heading define เค•ी เคœाเคคी เคนै। เค‡เคธे เค†เคช เค•िเคธी paragraph เคธे เคชเคนเคฒे เคฏूเคœ़ เค•เคฐ เคธเค•เคคे เคนै เค”เคฐ เค‰เคธเค•ी heading define เค•เคฐ เคธเค•เคคे เคนै। เค‡เคธเค•ी text size เคชुเคฐे page เคฎें เคธเคฌเคธे large เคนोเคคी เคนै।

2. <h2> </h2>



Heading 2

เคฏे เคญी heading tag เคนोเคคा เคนै। เคฒेเค•िเคจ เค‡เคธเค•ी text size <h1> tag เคธे เค•เคฎ เคนोเคคी เคนै। เค‡เคธे heading เค•े เคฌाเคฆ subheading declare เค•เคฐเคจे เค•े เคฒिเค เคฏूเคœ़ เค•िเคฏा เคœाเคคा เคนै।

3. <h3> </h3>

Heading 3

เคฏे เคญी heading tag เคนोเคคा เคนै। เค‡เคธे subheading เค•े เคฌाเคฆ minor heading declare เค•เคฐเคจे เค•े เคฒिเค เคฏूเคœ़ เค•िเคฏा เคœाเคคा เคนै। เค‡เคธเค•ी text size sub heading เคธे เค•เคฎ เคนोเคคी เคนै।


4. <p> </p>

Paragraph

เคฏे paragraph tag เคนोเคคा เคนै। เค‡เคธเค•े เคฆ्เคตाเคฐा เค†เคช เคเค• paragraph เค…เคชเคจे page เคฎें เคฒिเค– เคธเค•เคคे เคนै เค”เคฐ เค‰เคธเค•ो different attributes เค•े เคฆ्เคตाเคฐा position เค•เคฐ เคธเค•เคคे เคนै। เค•िเคธी paragraph เคชเคฐ เคนोเคจे เคตाเคฒी เคธเคญी formatting เค†เคช เค‡เคธ tag เค•े attributes เค•े เคฆ्เคตाเคฐा เค•เคฐ เคธเค•เคคे เคนै।


5. <br />


เคฏे tag line เค•ो break เค•เคฐเคจे เค•े เคฒिเค เคฏूเคœ़ เค•िเคฏा เคœाเคคा เคนै। เค‡เคธ tag เค•े เคฌाเคฆ เค•ा text เคฆूเคธเคฐी line เคฎें เคถो เคนोเคคा เคนै।


6. Introduction to HTML attributes

เคœिเคคเคจे เคญी HTML tags เคนोเคคे เคนै เค‰เคจ เคธเคฌเค•े attributes เคนोเคคे เคนै। เคฏे name เค”เคฐ value เค•े pair เคฎें เคฒिเค–े เคœाเคคे เคนै। Attributes เค•े เคฆ्เคตाเคฐा เค†เคช tags เค•ो เค…เคชเคจे according configure เค•เคฐ เคธเค•เคคे เคนै। Attributes เค•ो เคนเคฎेเคถा starting tag เคฎें define เค•िเคฏा เคœाเคคा เคนै। เค‡เคจ्เคนे define เค•เคฐเคจे เค•ा เค‰เคฆाเคนเคฐเคฃ เคจीเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।

<tagName attrName="value">

some text here.

</tagName>

this html preview below

some text here.

Attributes advanced configuration เค•े เคฒिเค เคฏूเคœ़ เค•िเคฏे เคœाเคคे เคนै। เคœैเคธे เค•ी เค†เคช default page background เคจเคนीं เคšाเคนเคคे เคคो เค‰เคธเค•ो เค…เคชเคจे according change เค•เคฐ เคธเค•เคคे เคนै। เคเคธे เคนी เค†เคช เคฏเคฆि default text color เคจเคนीं เคšाเคนเคคे เคนै เคคो เค‰เคธे เคญी change เค•เคฐ เคธเค•เคคे เคนै। Attributes เค•ो เคฏूเคœ़ เค•เคฐเคจा เคฌเคนुเคค เคนी simple เคนै। เคฌเคธ เค†เคชเค•ो เคชเคคा เคนोเคจा เคšाเคนिเค เค•ी เค•ौเคจเคธा attribute เค•िเคธ เคœเค—เคน เคฏूเคœ़ เค•เคฐเคจा เคนै। เค†เค—े attributes เคธे related เคเค• simple เค‰เคฆाเคนเคฐเคฃ เคจीเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।


<html>
<head>
<title>myPage</title>
</head>
<body bgcolor="black">
<h1 style="color:pink"> Heading </h1>
<p style="color:yellow">
This is a paragraph. And you are learning html in Hindi.
</p>
</body>
</html>

This Code Preview Here


เค‰เคชเคฐ เคฆिเค เคนुเค example เคฎें 2 เคœเค—เคน attributes เคฏूเคœ़ เค•िเคฏे เค—เค เคนै। เคธเคฌเคธे เคชเคนเคฒे <body> tag เคฎें bgcolor attribute เคฏूเคœ़ เค•เคฐเคคे เคนुเค page เค•ा background color define เค•िเคฏा เค—เคฏा เคนै। เคœเคฌ เค†เคช default body tag เคฏूเคœ़ เค•เคฐเคคे เคนै เคคो page เค•ा background color white เคฐเคนเคคा เคนै। เคฒेเค•िเคจ เคœैเคธा เค•ी เคฎैเคจे เค†เคชเค•ो เคฌเคคाเคฏा เค•ी เค†เคช attributes เค•े เคฆ्เคตाเคฐा page เค”เคฐ text เค…เคชเคจे according configure เค•เคฐ เคธเค•เคคे เคนै। เค‡เคธ attribute เค•े เคฆ्เคตाเคฐा เค†เคช เคœो background เค…เคชเคจे page เค•ा เคฐเค–เคจा เคšाเคนเคคे เคนै เคตो เคฐเค– เคธเค•เคคे เคนै। เคœैเคธे เค•ी เคฎैเคจे example เคฎें black เคฆिเคฏा เคนै। เคŠเคชเคฐ เคฆी เค—เคฏी script เคจिเคšे เคฆिเคฏा เค—เคฏा output generate เค•เคฐेเค—ी।


เคฆूเคธเคฐा attribute paragraph tag เคฎें เคฏूเคœ़ เค•िเคฏा เค—เคฏा เคนै। เคฏे style attribute เคนै। เค‡เคธ attribute เค•े เคฆ्เคตाเคฐा เค†เคช tag เคชเคฐ CSS (Cascading Style Sheet) apply เค•เคฐ เคธเค•เคคे เคนै। CSS เค•े เคฆ्เคตाเคฐा advanced configuration เค•िเคฏा เคœाเคคा เคนै, เคœिเคธเค•े เคฌाเคฐे เคฎें เค†เคช เค†เค—े เคชเคก़ेंเค—े। เคœैเคธे เค•ी เค†เคช เคฆेเค– เคธเค•เคคे เคนै style attribute เค•े เคฆ्เคตाเคฐा CSS apply เค•िเคฏा เค—เคฏा เคนै। เค‡เคธเคธे text เค•ा color change เค•िเคฏा เคœाเคคा เคนै। เค”เคฐ เคเคธा เคนी heading tag เค•े เคธाเคฅ เคญी เค•िเคฏा เค—เคฏा เคนै।


7. Scope of attributes



Attributes เค•ा scope เค‰เคจเค•े tags เค•े according เคนोเคคा เคนै। เคœिเคธ tag เค•े เคธाเคฅ เค†เคช เคœो attribute apply เค•เคฐเคคे เคนै เคตो เค‰เคธी tag เคคเค• เคฐเคนเคคा เคนै। เคœैเคธे เค•ी เค†เคชเคจे body tag เคฎें style tag เค•ो เคฏूเคœ़ เค•เคฐเคคे เคนुเค text color red define เค•िเคฏा เคนै। Body tag เคชुเคฐे page เค•े เคฒिเค เคนोเคคा เคนै เค‡เคธเคฒिเค เคฏे attribute เคชुเคฐे page เค•े text เค•ो red เคฎें show เค•เคฐेเค—ा। เคฒेเค•िเคจ เคเคธा เคคเคฌ เคคเค• เคนी เคนोเค—ा เคœเคฌ เคคเค• เค•ोเคˆ body tag เคธे เค›ोเคŸा tag text เค•ो เคฆूเคธเคฐे color เคฎें define เคจเคนीं เค•เคฐเคคा เคนै। เคœैเคธे เค•ी เค†เคช เค†เค—े เคšเคฒเค•เคฐ เค•िเคธी paragraph tag เค•ा color green define เค•เคฐเคคे เคนै। เคคो เคฏे color body tag เค•े color เค•ो override เค•เคฐेเค—ा। เค”เคฐ เค†เคชเค•ा เคฏे paragraph green text เคฎें show เคนोเค—ा। เค‡เคธเค•ा เค‰เคฆाเคนเคฐเคฃ เคจिเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै। เค‡เคธे เค†เคช execute เค•เคฐเคตा เค•เคฐ เคฆेเค– เคธเค•เคคे เคนै।


<html>
<head>
<title> myPage </title>
</head>
<body style="color:red">
Learn html in Hindi <br>
Lean html in Hindi in 2 days. <br>
Learn html in Hindi pdf.
<p Style="color:green">
This is some text here
</p>
</body>
</html>


This Code Preview Here

เค‰เคชเคฐ เคฆिเค เคนुเค เค‰เคฆाเคนเคฐเคฃ เคฎें เค†เคช เคฆेเค– เคธเค•เคคे เคนै เค•ी paragraph เค•ा text color เค…เคฒเค— เคธे define เค•िเคฏा เค—เคฏा เคนै। เคฏे body เค•े text color เค•ो override เค•เคฐเคคा เคนै। เค‡เคธ script เค•ो run เค•เคฐเคจे เคชเคฐ เคจिเคšे เคฆिเคฏा เค—เคฏा output show เคนोเค—ा।

HTML attributes เค•ो เคฏूเคœ़ เค•เคฐเคจे เค•ी เค•ुเค› guide line เคนोเคคी เคนै। เคœिเคจเค•ो follow เค•เคฐเค•े เค†เคช attributes เค•ा เคฌेเคนเคคเคฐ เค‡เคธ्เคคेเคฎाเคฒ เค•เคฐ เคธเค•เคคे เคนै। เค‡เคจเค•े เคฌाเคฐे เคฎें เคจीเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।

8. Guidelines for using HTML attributes
1. เคนเคฎेเคถा attributes เค•ो lower case เคฎें define เค•เคฐे।
2. เคนเคฎेเคถा attributes เค•ी values quotation mark เคฎें เคนी define เค•เคฐे।

เค†เคชเค•ो เค†เคฐ्เคŸिเค•เคฒ เค•ैเคธा เคฒเค—ा? เค…เคชเคจी เคฐाเคฏ เค…เคตเคถ्เคฏ เคฆें
Please don't Add spam links,
if you want backlinks from my blog contact me on rakeshmgs.in@gmail.com