Showing posts with label HTML. Show all posts

What is HTML attributes with Example

HTML attributes Kya hai 

Html

เคœिเคคเคจे เคญी HTML tags เคนोเคคे เคนै เค‰เคจ เคธเคฌเค•े attributes เคนोเคคे เคนै। เคฏे name เค”เคฐ value เค•े pair เคฎें เคฒिเค–े เคœाเคคे เคนै। Attributes เค•े เคฆ्เคตाเคฐा เค†เคช tags เค•ो เค…เคชเคจे according configure เค•เคฐ เคธเค•เคคे เคนै। Attributes เค•ो เคนเคฎेเคถा starting tag เคฎें define เค•िเคฏा เคœाเคคा เคนै। เค‡เคจ्เคนे define เค•เคฐเคจे เค•ा เค‰เคฆाเคนเคฐเคฃ เคจिเคšे เคฆिเคฏा เคœा เคฐเคนा เคฅा।
<tagName attrName="value">
some text here.
</tagName>

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> 

เคŠเคชเคฐ เคฆिเค เคนुเค 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 เคฆिเคฏा เคนै।

เคฆूเคธเคฐा attribute paragraph tag เคฎें เคฏूเฅ› เค•िเคฏा เค—เคฏा เคนै। เคฏे style attribute เคนै। เค‡เคธ attribute เค•े เคฆ्เคตाเคฐा เค†เคช tag เคชเคฐ CSS (Cascading Style Sheet) apply เค•เคฐ เคธเค•เคคे เคนै। CSS เค•े เคฆ्เคตाเคฐा advanced configuration เค•िเคฏा เคœाเคคा เคนै, เคœिเคธเค•े เคฌाเคฐे เคฎें เค†เคช เค†เค—े เคชเฅœेंเค—े। เคœैเคธे เค•ी เค†เคช เคฆेเค– เคธเค•เคคे เคนै style attribute เค•े เคฆ्เคตाเคฐा CSS apply เค•िเคฏा เค—เคฏा เคนै। เค‡เคธเคธे text เค•ा color change เค•िเคฏा เคœाเคคा เคนै। เค”เคฐ เคเคธा เคนी heading tag เค•े เคธाเคฅ เคญी เค•िเคฏा เค—เคฏा เคนै।
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> 
     
เคŠเคชเคฐ เคฆिเค เคนुเค เค‰เคฆाเคนเคฐเคฃ เคฎें เค†เคช เคฆेเค– เคธเค•เคคे เคนै เค•ी paragraph เค•ा text color เค…เคฒเค— เคธे define เค•िเคฏा เค—เคฏा เคนै। เคฏे body เค•े text color เค•ो override เค•เคฐเคคा เคนै। HTML attributes เค•ो เคฏूเฅ› เค•เคฐเคจे เค•ी เค•ुเค› guide line เคนोเคคी เคนै। เคœिเคจเค•ो follow เค•เคฐเค•े เค†เคช attributes เค•ा เคฌेเคนเคคเคฐ เค‡เคธ्เคคेเคฎाเคฒ เค•เคฐ เคธเค•เคคे เคนै। เค‡เคจเค•े เคฌाเคฐे เคฎें เคจिเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।

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

เคจिเคšे เค†เคชเค•ो HTML เคฎें commonly เคฏूเฅ› เคนोเคจे เคตाเคฒे attributes เค•ी list เคฆी เคœा เคฐเคนी เคนै।  

 Attribute Explanation  Example  

id  
HTML document เคฎें เค•िเคธी tag เค•ो uniquely identify เค•เคฐเคจे เค•े เคฒिเค id attribute เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। เค•िเคจ्เคนी 2 tags เค•ी id same เคจเคนीं เคนो เคธเค•เคคी เคนै।
   
<p id="mypara"> 

class 
เคฏे attributes tags เค•ो เค…เคฒเค— เค…เคฒเค— class เคฎें categories เค•เคฐเคจे เค•े เคฒिเค เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। เคฌเคนुเคค เคธे tags เคเค• class เค•े เคนो เคธเค•เคคे เคนै।

    
<h1 class="java"> 

title  
เค•िเคธी tag เค•ा tittle เคฆेเคจे เคฆेเคจे เค•े เคฒिเค title attribute เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै।  
<p title="Hello"> 

style 
เค‡เคธ attribute เค•े เคฆ्เคตाเคฐा เค†เคช tag เคชเคฐ style rules apply เค•เคฐ เคธเค•เคคे เคนै।  
<p style="color:red






















เค…เค—เคฐ เค†เคช เค•ो เคนเคฎाเคฐा เคฏเคน Artical เค•ैเคธा  เคฒเค—ा comments เค•े เคฆ्เคตाเคฐा  เคœเคฐूเคฐ เคฌเคคाเค เค”เคฐ เค‡เคธ เค†เคฐ्เคŸिเค•เคฒ เค•ो เคถेเคฏเคฐ เค•เคฐे 
Continue Reading

HTML links kya hai aur kaise use kare

HTML links kya hai aur kaise use kare

 

เคเค• link เคเคธा text เคฏा image เคนोเคคी เคนै เคœिเคธ เคชเคฐ click เค•เคฐเคคे เคนी เค†เคช เคฆूเคธเคฐे page เคชเคฐ redirect เค•เคฐ เคฆिเค เคœाเคคे เคนै। เคœเคฌ เคญी เค†เคช เค•िเคธी link เคชเคฐ เค…เคชเคจा cursor เคฒे เคœाเคคे เคนै เคคो เคตเคน เคเค• clickable hand icon เคฎें convert เคนो เคœाเคคा เคนै। Links เค•ा เค‰เคชเคฏोเค— basically เคเค• page เคธे เคฆूเคธเคฐे page เคชเคฐ เคœाเคจे เค•े เคฒिเค เค•िเคฏा เคœाเคคा เคนै। Links web เค•ी เคฆुเคจिเคฏा เค•ी roads เคนोเคคी เคนै।  

HTML เคฎें link create เค•เคฐเคจे เค•े เคฒिเค <a> tag เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। เค‡เคธे anchor tag เคญी เค•เคนा เคœाเคคा เคนै। เค‡เคธ tag เค•े เคธเคฌเคธे basic attributes href เค”เคฐ target เคนोเคคे เคนै। เค‡เคจ เคฆोเคจों attributes เค•े เคฌाเคฐे เคฎें เคจिเคšे เคฌเคคाเคฏा เค—เคฏा เคนै। 

href 
เค‡เคธ attribute เค•े เคฆ्เคตाเคฐा เค†เคช เค‰เคธ page เค•ा address define เค•เคฐเคคे เคนै เคœो เค†เคช link เค•े click เคนोเคจे เคชเคฐ show  เค•เคฐเคจा เคšाเคนเคคे เคนै।  

href = "page-Address"

target 
target - เค‡เคธ attribute เค•े เคฆ्เคตाเคฐा เค†เคช เคตเคน frame define เค•เคฐเคคे เคนै เคœँเคนा เคชเคฐ เค†เคช page เคถो เค•เคฐเคจा เคšाเคนเคคे เคนै। เคฏे attribute optional เคนोเคคा เคนै। เคฏเคฆि เค†เคช เค‡เคธे define เคจเคนीं เค•เคฐเคคे เคนै เคคो page new tab เคฎें open เคนोเคคा เคนै। เค‡เคธ attribute เค•ि เค•ुเค› predefined values เคนोเคคी เคนिเค เคœिเคจ्เคนें เค†เคช เคฏुเคœ เค•เคฐ เคธเค•เคคे เคนैं। 

target = "frame-Name"
  • _blank - เคœเคฌ เค†เคช เคฏे value define เค•เคฐเคคे เคนै เคคो เค†เคชเค•ा webpage new tab เคฏा window เคฎें open เคนोเคคा เคนै। 
  • _self - เคœเคฌ เค†เคช เคฏे value define เค•เคฐเคคे เคนै เคคो เค†เคชเค•ा webpage เค‰เคธी tab เคฏा frame เคฎे open เคนोเคคा เคนै เคœिเคธเคฎें link เคชเคฐ click เค•िเคฏा เค—เคฏा เคฅा। 
  • _parent - เคฏे value webpage เค•ो parent frame เคฎें open เค•เคฐเคคी เคนै। 
  • _top - เค‡เคธ value เค•े เคฆ्เคตाเคฐा web page full document เคฎें open เคนोเคคा เคนै। 
  • customFrame - เค†เคช เค–ुเคฆ เค•ा เคญी เค•ोเคˆ frame define เค•เคฐ เคธเค•เคคे เคนै। เคเคธा เค•เคฐเคจे เคชाเคฐ webpage เค‰เคธी เคฎे open เคนोเค—ा।                  

Creating links in HTML 

เคœैเคธा เค•ी เคฎैเคจे เค†เคชเค•ो เคฌเคคाเคฏा เค•ी HTML เค•े เคฆ्เคตाเคฐा link create เค•เคฐเคจे เค•े เคฒिเค เค†เคช <a> tag เคฏूเฅ› เค•เคฐเคคे เคนै। เคฏँเคนा เคชเคฐ เคฎें เค†เคชเค•ो เค‡เคธे เค•ैเคธे เคฏूเฅ› เค•เคฐเคคे เคนै เคฏे เคฌเคคाเคจे เคตाเคฒा เคนूँ। เค†เค‡เคฏे เค‡เคธ tag เค•ा normal structure เคฆेเค–เคคे เคนै।      

<a href="address-of-webpage> link-Name </a>

HTML เคฎें links create เค•เคฐเคจे เค•ा complete เค‰เคฆाเคนเคฐเคฃ เคจीเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।
<html>
<head>
<title>Text Formatting</title>
</head>

<body>

<p>
Go to Google <a href="www.google.com">Click Here</a>
</p>

<p>
Go to Best Hindi Tutorials <a href="www.besthinditutorials.com">Click Here</a>
</p>

<p>
Go to Facebook <a href="www.facebook.com">Click Here</a>
</p>

</body>

</html> 

Configuring links 

Links เค•ो เค†เคช เค…เคชเคจे page เค•े according configure เคญी เค•เคฐ เคธเค•เคคे เคนै। เคœैเคธे เค•ी เค†เคช apply เค•เคฐ เคธเค•เคคे เคนै เค•ी เคœเคฌ เคญी เค•ोเคˆ link เคชเคฐ mouse เคฒे เคœाเคฏे เคคो เค‰เคธเค•ा color green เคนो เคœाเคฏे เค”เคฐ mouse เคนเคŸाเคคे เคนी red เคนो เคœाเคฏे। เคฏे เคธเคฌ เค†เคช style tag เค•े เคฆ्เคตाเคฐा เค•เคฐ เคธเค•เคคे เคนै। เค‡เคธเค•े เคฒिเค เค†เคช a เค•े เคธाเคฅ condition colon เคฒเค—ाเค•เคฐ define เค•เคฐเคคे เคนै। เค‡เคจเค•े เคฌाเคฐे เคฎें เคจिเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै। เค‡เคจเค•ा เค‰เคฆाเคนเคฐเคฃ เค†เคช CSS เคตाเคฒी tutorials เคฎें เคฆेเค– เคธเค•เคคे เคนै।  

Condition Explanation  
a:linkเค‡เคธ condition เคฎें link first time web page เคชเคฐ show เคนोเคคी เคนै।  
a:visitedเค‡เคธ condition เคฎें link เคชเคนเคฒे visit เค•ि เคœा เคšुเค•ी เคนोเคคी เคนै।  
a:hoverเค‡เคธ condition เคฎें mouse เคชเคฐ cursor เคฒे เคœाเคฏा เคœाเคคा เคนै।  
a:activeเคœเคฌ เค†เคช เค•िเคธी link เคชเคฐ click เค•เคฐเคคे เคนै เคคो เคตเคน link active เคนोเคคी เคนै।  

Aap ko hamara yah Artical kaisa laga comments ke through jarur bataye aur latest updates ke liye hamari site ko follow kare 
Continue Reading

HTML formatting Tags with Example

 HTML formatting Tags with Example


Hello friends เคนเคฎเคจे เค†เคชเค•ो เค…เคชเคจे เคชिเค›เคฒे Artical เคฎे HTML เค•े เคฌाเคฐे เคฎे เคฌเคคाเคฏा เคฅा เค”เคฐ เค…เคฌ html เค•े artical เค•ो เค†เค—े เคฌเคขाเคคे เคนुเค เคฌाเคค เค•เคฐเคคे เคนै HTML Formatting Tags 

HTML เคฎें เค•ुเค› tags เคธिเคฐ्เคซ text formatting เค•े เคฒिเค provide เค•िเคฏे เค—เค เคนै। เค‡เคจ tags เค•ा เค‡เคธ्เคคेเคฎाเคฒ เค•เคฐเคคे เคนुเค เค†เคช web page เคชเคฐ text เค•ी presentation เค”เคฐ position เค•ो control เค•เคฐ เคธเค•เคคे เคนै। เคœैเคธे เค•ी เค†เคช text เค•ो bold เคฏा underline เค•เคฐ เคธเค•เคคे เคนै। เค•िเคธी text editor เคฎें เค†เคช เคฏे เค•ाเคฎ เคเค• button click เคธे เค•เคฐ เคธเค•เคคे เคนै เคฒेเค•िเคจ HTML เคฎें เค‡เคธเค•े เคฒिเค เค†เคช tags เคฏूเฅ› เค•เคฐ เคธเค•เคคे เคนै। เค•ुเค› common formatting type เคนै เคœो เค†เคช text เคชเคฐ apply เค•เคฐเคคे เคนै เค‰เคธเค•ी list เคจिเคšे เคฆी เคœा เคฐเคนी เคนै।
  • Bold
  • Italic
  • Underline
  • Marked
  • Superscript 
  • Subscript
  • Small
  • Deleted

HTML <b> tag   
HTML เค•े เคฆ्เคตाเคฐा เค•िเคธी text เค•ो bold เค•เคฐเคจे เค•े เคฒिเค <b> tag เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। เค‡เคธเค•े เคฒिเค เค†เคช starting เค”เคฐ ending tags เค•े beech เคฎें text เค•ो เคฒिเค–เคคे เคนै।
<b> This text will be bolded. </b>

HTML <i> tag  
HTML เคฎें เค•िเคธी text เค•ो italic เคฌเคจाเคจे เค•े เคฒिเค <i> tag เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। 

<i> This text will be italic. </i>
   

HTML <ins> tag 
เค•िเคธी text เค•ो underline เค•เคฐเคจे เค•े เคฒिเค <ins> tag เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। 

<ins> This text will be underlined</ins>
   
HTML <mark> tag
เคฏเคฆि เค†เคช เค•िเคธी text เค•ो highlight เค•เคฐเคจा เคšाเคนเคคे เคนै เคคो เค‰เคธเค•े เคฒिเค <mark> tag เคฏूเฅ› เค•เคฐ เคธเค•เคคे เคนै।  

<mark> This text will be highlighted </mark>
   

HTML <sup> tag
เค•िเคธी text เค•ो super script เค•เคฐเคจे เค•े เคฒिเค เค†เคช <sup> tag เคฏूเฅ› เค•เคฐ เคธเค•เคคे เคนै।
<p> This is normal text<sup> This will be super scripted </sup> This is normal again </p>
  

HTML <sub> tag 
เค…เค—เคฐ เค†เคช text เค•ो subscript เคฎें เคฒाเคจा เคšाเคนเคคे เคนै เคคो เค‰เคธเค•े เคฒिเค เค†เคช <sub> tag เคฏूเฅ› เค•เคฐेंเค—े।   

<p> This is normal text <sub> This text will be subscripted </sub></p>

HTML <small> tag
เคฏเคฆि เค†เคช เค•िเคธी text เค•ो เคฆूเคธเคฐे text เคธे เค›ोเคŸा เคฐเค–เคจा เคšाเคนเคคे เคนै เคคो เค‡เคธเค•े เคฒिเค เค†เคช <small> tag  เคฏूเฅ› เค•เคฐ เคธเค•เคคे เคนै। เค•เคˆ editors เคเคธा text เค•ो highlight เค•เคฐเคจे เค•े เคฒिเค เคญी เค•เคฐเคคे เคนै। 

<p> Normal Text <small> Smal Text </small> </p>
    

HTML <del> tag
เค•िเคธी tag เค•ो deleted เคถो เค•เคฐเคจे เค•े เคฒिเค เค†เคช <del> tag เค•ा เค‡เคธ्เคคेเคฎाเคฒ เค•เคฐ เคธเค•เคคे เคนै। เคœเคฌ เค•िเคธी tag เค•ो deleted เคถो เค•เคฐเคคे เคนै เคคो เค‰เคธ text เค•े through line show เคนोเคคी เคนै। 

<p> <del> This text will be deleted</del></p>


เค‡เคธเค•ा เคเค• complete เค‰เคฆाเคนเคฐเคฃ เคจिเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।
<html>
<head>
<title>Text Formatting</title>
</head>

<body>

<p>
<b> This text will be bolded. </b>
</p>

<p>
<i> This text will be italic. </i>
</p>

<p>
<ins> This text will be underlined</ins>
</p>

<mark> This text will be highlighted </mark>

<p> This is normal text<sup> This will be super scripted </sup> This is normal again </p>

<p> This is normal text <sub> This text will be subscripted </sub></p>

<p> Normal Text <small> Smal Text </small> </p>

<p> <del> This text will be deleted</del></p>

</body>

</html> 

Styling HTML text 

Text เค•ो style เค•เคฐเคจे เค•े เคฒिเค เคœैเคธे เค•ी เค‰เคธเค•ा color change เค•เคฐเคจा เคฏा font family change เค•เคฐเคจा เค†เคฆि เค•े เคฒिเค CSS เค•ो เคฏूเฅ› เค•िเคฏा เคœाเคคा เคนै। CSS เคเค• เคฌเฅœा topic เคนै। เค‡เคธเค•े เคฌाเคฐे เคฎें เค†เคช เคฌाเคฆ เคฎें เคชเฅ เคธเค•เคคे เคนै। เคฏँเคนा เคชเคฐ เคธिเคฐ्เคซ เค†เคชเค•ी เคธเคฎเค เค•े เคฒिเค เค•ुเค› styles เค•ा เค‡เคธ्เคคेเคฎाเคฒ เคฌเคคाเคฏा เคœा เคฐเคนा เคนै। เค‡เคธเค•े เคฒिเค เค†เคช Style tag เคฏूเฅ› เค•เคฐเคคे เคนै। เค”เคฐ เคเค• CSS property เค”เคฐ เค‰เคธเค•ी values เคฆेเคคे เคนै। 

Changing text color 
เค•िเคธी เคญी tag เค•े text เค•ा color change เค•เคฐเคจे เค•े เคฒिเค เค†เคช CSS เค•ी color property เคฏूเฅ› เค•เคฐเคคे เคนै। เค”เคฐ เค‡เคธเค•े เคฌाเคฆ colon เคฒเค—ाเค•เคฐ color เค•ा เคจाเคฎ เคฆेเคคे เคนै। 
   
<p style="color:red">This text will be red. </p>

Changing font family 
Text เค•ी font family change เค•เคฐเคจे เค•े เคฒिเค เค†เคช font family property เคฏूเฅ› เค•เคฐเคคे เคนै เค”เคฐ value เค•े เคฐूเคช เคฎें font family เค•ा เคจाเคฎ เคฆेเคคे เคนै।
<p style="font-family:Arial"> This text will be in Arial </p>

Changing text size 
Text เค•ी size change เค•เคฐเคจे เค•े เคฒिเค เค†เคช font size property เคฏूเฅ› เค•เคฐเคคे เคนै เค”เคฐ value เค•े เคฐूเคช เคฎें เคœो size เค†เคช เคšाเคนเคคे เคนै เคตเคน เคฆेเคคे เคนै।
<p style="font-size: 45"> This size is changed by style tag. </p>

Changing text position 
Text เค•ी position change เค•เคฐเคจे เค•े เคฒिเค text align property เคฏूเฅ› เค•ी เคœाเคคी เคนै เค”เคฐ value เค•े เคฐूเคช เคฎें เค†เคช left, right เคฏा center pass เค•เคฐ เคธเค•เคคे เคนै।
<p style="text-align="center"> This position is change by style tag</p>

เค‡เคธเค•ा เค‰เคฆाเคนเคฐเคฃ เคจिเคšे เคฆिเคฏा เคœा เคฐเคนा เคนै।
<html>
<head>
<title>Text Formatting</title>
</head>

<body>
<p style="color:red">This text will be red. </p>

<p style="font-family:Arial"> This text will be in Arial </p>

<p style="font-size: 45"> This size is changed by style tag. </p>

<p style="text-align:center">
This position is changed by style tag.
</p>

</body>

</html>
เค…เค—เคฐ เค†เคช เค•ो เคฏे artical เคชเคธंเคฆ เค†เค เคคो เคนเคฎें comments เค•े through เคœเคฐूเคฐ เคฌเคคाเค เค”เคฐ เค‡เคธ Article เค•ो social media เคชเคฐ Share เค•เคฐें
Continue Reading

Formatting Tag Kya hai? Aur iska use kaise kare

Aap apna webpage banane ke time images ke sath kai tarah ke text ko bhi page me likhe ne ki jarurat hoti hai. Page me write kiye Jaane wale text ko aap apne according format kar sakte hai. Text, sentence, aur paragraph ko format karne ke liye aapko niche  example diye ja rahe hai jiske through aap apne webpage ko bahut Acha bana sakte hai.
<P>(Paragraph Tag)- Is element ka use karke aap page me paragraph likh sakte hai jo ki  aap ke through use kiye ja rahe browser ki setting ke according wavsthit hoti hai. 

Example: <P> .. apna Paragraph likhe... </P>
<Font> (Font Tag)- Is element ka use karke aap Likhe hue Data ke  font ka color, Size ko change kar  sakte  hai . Ek example ke through Welcome ko nimn setting ke according dikha sakte hai.

     
Font - Arial 
Size - 20
Color - Green

Example 

<Font face ="arial" Size = 20 color ="Green">
WelCome
</Font>
Is example ke through aap samgh gaye hoge ki Face, Size, aur color ye sab Font tag ke option hai. Jinhe Font tag ke sath upar dikhaye steps ke sath use kiya ja sakta hai. Example. <Font Color ="Red"> Matter</Font>
<B> Isse bold tag kaha jata hai. Iska use karke aap apne text ko Bold bana sakte hai.

So friends in formating tags ka use karke aap apne page me title heading aur page ka color apply kar sakte hai.
hum ummide karte hai ki aapko ye artical pasand kaya hoga. So plz is artical ko social media me share jarur kare.
Continue Reading

What is HTML ? Puri jankari Hindi Me

Hello dosto aapko hum is site ke through HTML ki puri jankari step by step batane wale hai. To aap is artical ko dhayan se read kare.

HTML(Hyper Text Markup Langauge

HTML ka pura naam Hyper text markup langauge hai. Jiske through internet par WWW ki yah main programming langauge hai. HTML ke through internet par Web page ya Website ko develop kiya jata hai. HTML ka use karke hum apne webpage me Text, images, sound aur kisi aur website ke link dal sakte hai. HTML ki  file ko hum notepad me bana sakte hai. HTML ka เคจिเคฐ्เคฎाเคฃ  Tim Bemers Lee ne CERN me Geneva ki European Laboratory me kiya gaya tha. HTML ke through hum ek simple webpage ya website bana sakte hai. To dosto apko pta chal gaya hoga ki html kya hai. Aage hum bataye ge ki html ke under hum ek document kaise banate hai.

HTML Document

HTML me banaye gaye document text(ASCII) me likhe hote hai. jinko kisi bhi text editer me kiya ja sakta hai. kisi bhi HTML document me fixed text ka use hota hai.
<HTML>
<Head>
<Title>
<Head>
<hi>to <h6>
<Body>

Tags ka use karne ke bade unhe close karne ke bade. jise aap us tag ke samne '/' laga sakte hai jaise <HTML> ko band karne ke liye </HTML> tag ka use karke band kar sakte hai. Aur inhi tags ke under hi hum webpage me Text, heading , Video,  add karke ek simple webpage bana sakte hai.
Header Element:

HTML langauge ki saari
programming Tags ke through ki jati hai. Kisi bhi HTML document ka sabse pahla tag hamsha  <html> hona chahiye aur is tag me sampurn tags ka use hota chahiye. Header tag ki help se webpage ki heading jis me  <title> aur bhi heading ko write kiya jata hai. <TITLE > tag ki help se diya gaya text Internet Explorer ke title bar me display hote hai. Head me di Jane wali Heading  <h1>se lekar <h6> tak ho sakti hai. Aur har ek tag ki ek opening hoti hai jo uske name se start aur har tab ko last me close kiya jata hai. For example- 
<HTML>
<HEAD>
<TITLE>First page</TITLE></HEAD>
</HTML>

Body Tag:
Is tag ke under HTML ke sabhi tag likhe Jaane chahiye iske pehle likhe Jaane wale tag hai HTML, HEAD, TITLE,  etc.
To dosto aapko html kya hai. aur html Document ki jankari kaisi lagi agar achi lage to plz iske baare hume comments ke through jarur bataye. Aur hamari site ko follow kare kyoki hum is site ke through html ki puri jankari dene wale hai.
Continue Reading
Subscribe to: Posts (Atom)