ITI COPA

HTML PRACTICALS - FORMATING TAGS

आईटीआई कोपा प्रेक्टिकल्स – वेब डिजाईन विद HTML

Objective : फ़ॉर्मेटिंग  टैग्स का प्रयोग   

प्रायोगिक कार्य के द्वारा आप सीखेंगे :
HTML फ़ॉर्मेटिंग टैग्स के विभिन्न प्रकार एवं उनका उपयोग

Requirements : (Tools / Equipments / Instruments)

पर्सनल कंप्यूटर / माइक्रोसॉफ्ट विंडोज / नोटपैड / वेब ब्राउज़र

प्रैक्टिकल 3 - HTML में फ़ॉर्मेटिंग टैग्स प्रयोग


Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए
<html>
<body>
<b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<p> <em>This text is emphasized</em> </p>
<p> HTML <small>Small</small> Formatting</p>
<p> HTML <mark>Marked</mark> Formatting </p>
<p>My favorite color is <del>blue</del> red.</p>
<p>My favorite <ins>color</ins> is red.</p>
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को आप format.html के नाम से Save कीजिए।

Step 3 : format.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। यह इस प्रकार दिखाई देगी.
आउटपुट : 


प्रैक्टिकल 3.1 -  अन्य फ़ॉर्मेटिंग टैग्स


Step 1 :  नीचे लिखे HTML Code को Notepad में Type कीजिए।
<html>
<body>
  This Example is <b>Bold Text</b><br />
  This Example is <big>Big Text</big><br />
  This Example is <center>Center Text</center><br />
  This Example is <em>Emphasize Text</em><br />
  This Example is <i>Italic  Text</i><br />
  This Example is <ins>Insert Text</ins><br />
  This Example is <kbd>Keyboard Text</kbd><br />
  This Example is <p>Paragraph Text</p><br />
  This Example is <q>Short Quotation</q><br />
  This Example is <small>Small Text</small><br />
  This Example is H<sub>2</sub>+SO<sub>4</sub>=H<sub>2</sub>SO<sub>4</sub><br />
  This Example is x<sup>2</sup>+y<sup>2</sup>=(xy)<sup>2</sup><br />
</body>
</html>

Step 2 : ऊपर लिखे गए HTML Code को आप format2.html के नाम से Save कीजिए।

Step 3 : format2.html फाइल को Open कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। यह इस प्रकार दिखाई देगी.

आउटपुट : 




प्रैक्टिकल से सम्बंधित थ्योरी के लिए क्लिक करें