ITI COPA

HTML PRACTICAL HEADING, PARAGRAPH HR BR TAGS


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

Objective : हैडिंग एवं पैराग्राफ टैग्स का प्रयोग   


प्रायोगिक कार्य के द्वारा आप सीखेंगे :
HTML हैडिंग के विभिन्न प्रकार <H1> ... <H6>
पैराग्राफ टैग्स <PR>
हॉरिजॉन्टल रूल टैग <HR>
लाइन ब्रेक टैग <BR>

Requirements : (Tools / Equipments / Instruments)

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

प्रैक्टिकल 2 - HTML में हैडिंग का प्रयोग


Step 1 :  नोटपैड में निम्नानुसार HTML कोड टाइप कीजिए 
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

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

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


प्रैक्टिकल 2.1 - HTML में हैडिंग, पैराग्राफ एवं <HR> टैग


Step 1 :  नीचे लिखे HTML Code को Notepad में Type कीजिए।

<html>
<body>

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>

<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

<h2>This is heading 2</h2>
<p>This is some other text.</p>

</body>
</html>

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

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

आउटपुट : 




प्रैक्टिकल 2.- HTML में हैडिंग, पैराग्राफ एवं <BR> टैग

Step 1 :  नीचे लिखे HTML Code को Notepad में Type कीजिए।

<html>
<body>

<h1>A Poem</h1>
<p>Be not afraid of greatness.<br>
Some are born great,<br>
some achieve greatness,<br>
and others have greatness thrust upon them.</p>
</body>
</html>:


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

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

आउटपुट : 





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