ويب ڊولپمينٽ ڪورس ڪلاس 4
ٽيگس ڇا آھن ويب ڊولپمينٽ ڪورس
هتي توهان جي ڏنل HTML ٽيگس ۽ انهن جي وضاحت آهي:
1. *Headings (هيڊنگس)*
HTML ۾ headings ٽيڪسٽ کي مختلف سطح تي وڏو ۽ اهم بڻائڻ لاءِ استعمال ٿيندا آهن. HTML ۾ ڇهه قسم جا headings هوندا آهن، جن ۾ `<h1>` کان `<h6>` تائين ٽيگس موجود آهن، ۽ اهي هر سطح تي ٽيڪسٽ کي ترتيب ڏين ٿا.
– *`<h1>`*: سڀ کان اهم ۽ وڏو heading.
– *`<h2>`*: ٿورو ننڍو heading.
– *`<h3>`*: ٿورو وڌيڪ ننڍو heading، ۽ انهيءَ طرح.
*استعمال*:
Headings صفحي تي اهم عنوانن ۽ سب ٹائٽلز کي ڄاڻڻ لاءِ استعمال ٿيندا آهن، جهڙوڪ:
“`html
<h1>Welcome to Our Website</h1>
<h2>About Us</h2>
<h3>Our Services</h3>
“`
2. *Bold (بولڊ)* ويب ڊولپمينٽ ڪورس
بولڊ ٽيڪسٽ کي زور سان نمايان ڪرڻ لاءِ استعمال ڪيو ويندو آهي.
*`<b>`*: صرف ٽيڪسٽ کي بصري طور تي بولڊ بڻائڻ لاءِ.
*`<strong>`*: ٽيڪسٽ کي اهميت ڏيڻ ۽ زور سان نمايان ڪرڻ لاءِ (بولڊ ڪري ٿو).
*استعمال*:
“`html
<p>This is <b>bold</b> text using the b tag.</p>
<p>This is <strong>bold</strong> text using the strong tag.</p>
“`
3. *Paragraph (پيراگراف)* ويب ڊولپمينٽ ڪورس
پيراگراف کي استعمال ڪرڻ لاءِ `<p>` ٽيگ استعمال ڪيو ويندو آهي. اهو ڪنهن به جسماني مواد (جيتوڻيڪ ٽيڪسٽ) لاءِ آهي.
*استعمال*:
“`html
<p>This is a paragraph of text.</p>
“`
4. *Strong (مضبوط)*
`<strong>` ٽيگ ٽيڪسٽ کي اهميت ڏيڻ لاءِ استعمال ڪيو ويندو آهي، ۽ اهو پڻ بولڊ ڪري ٿو، جيئن ته اهو زور سان اهم هجي.
*استعمال*:
“`html کارڻو آهي.
<p>This is a <strong>strong</strong> word.</p>
“`
5. *Italic (اٽيلڪ)* ويب ڊولپمينٽ ڪورس
اٽيلڪ ٽيڪسٽ کي ننڍڙي زاويي ۾ نمايان ڪرڻ لاءِ استعمال ڪيو ويندو آهي.
*`<i>`*: صرف ٽيڪسٽ کي اٽيلڪ ۾ تبديل ڪرڻ لاءِ.
*`<em>`*: ٽيڪسٽ ۾ اهميت کي زور ڏيڻ لاءِ (اٽيلڪ ڪري ٿو).
*استعمال*:
“`html
<p>This is <i>italic</i> text.</p>
<p>This is <em>italic and emphasized</em> text.</p>
“`
6. *Underline (خط هيٺ)*
خط هيٺ ڪرڻ لاءِ استعمال ٿيندو آهي، جيڪو ٽيڪسٽ کي هڪ لائن ذريعي نشان لڳائيندو آهي.
*`<u>`*: ٽيڪسٽ کي هيٺ لائين ڪرڻ لاءِ.
*استعمال*:
“`html
<p>This is <u>underlined</u> text.</p>
“`
7. *Mark (نشان لڳائڻ)*
`<mark>` ٽيڪسٽ کي نمايان ڪرڻ لاءِ استعمال ڪيو ويندو آهي، جيئن ته اهم حصن کي اجاگر ڪرڻ لاءِ (جڏهن صارف ڳولا ڪن).
*استعمال*:
“`html
<p>This is <mark>highlighted</mark> text.</p>
“`
8. *Del (حذف ٿيل)*
`<del>` ٽيگ کي ٽيڪسٽ جو حذف ٿيل حالت ڏيکارڻ لاءِ استعمال ڪيو ويندو آهي. اهو عام طور تي
ٽيڪسٽ ۾ خط جي ذريعي اشارو ڪرڻ لاءِ آهي.
9. <br> ٽيڪسٽ کي نئين لائين تي لکڻ لاءَ
*استعمال*:
“`html
<p>This is <del>deleted</del> text.</p>
“`
مثال:
“`html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>HTML Tags Example</title>
</head>
<body>
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<h3>This is a Heading 3</h3>
<p>This is a <strong>strong</strong> word.</p>
“`
5. *Italic (اٽيلڪ)*
اٽيلڪ ٽيڪسٽ کي ننڍڙي زاويي ۾ نمايان ڪرڻ لاءِ استعمال ڪيو ويندو آهي.
*`<i>`*: صرف ٽيڪسٽ کي اٽيلڪ ۾ تبديل ڪرڻ لاءِ.
*`<em>`*: ٽيڪسٽ ۾ اهميت کي زور ڏيڻ لاءِ (اٽيلڪ ڪري ٿو).
*استعمال*:
“`html
<p>This is <i>italic</i> text.</p>
<p>This is <em>italic and emphasized</em> text.</p>
“`
6. *Underline (خط هيٺ)*
خط هيٺ ڪرڻ لاءِ استعمال ٿيندو آهي، جيڪو ٽيڪسٽ کي هڪ لائن ذريعي نشان لڳائيندو آهي.
*`<u>`*: ٽيڪسٽ کي هيٺ لائين ڪرڻ لاءِ.
*استعمال*:
“`html
<p>This is <u>underlined</u> text.</p>
“`
7. *Mark (نشان لڳائڻ)*
`<mark>` ٽيڪسٽ کي نمايان ڪرڻ لاءِ استعمال ڪيو ويندو آهي، جيئن ته اهم حصن کي اجاگر ڪرڻ لاءِ (جڏهن صارف ڳولا ڪن).
*استعمال*:
“`html
<p>This is <mark>highlighted</mark> text.</p>
“`
8. *Del (حذف ٿيل)*
`<del>` ٽيگ کي ٽيڪسٽ جو حذف ٿيل حالت ڏيکارڻ لاءِ استعمال ڪيو ويندو آهي. اهو عام طور تي ٽيڪسٽ ۾ خط جي ذريعي اشارو ڪرڻ لاءِ آهي.
*استعمال*:
“`html
<p>This is <del>deleted</del> text.</p>
“`
مثال:
“`html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>HTML Tags Example</title>
</head>
<body>
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<h3>This is a Heading 3</h3>
<p>This is a <strong>strong</strong> paragraph with <i>italic</i> and <u>underlined</u> text.</p>
<p>This is a <mark>highlighted</mark> text using the mark tag.</p>
<p>This is a <del>deleted</del> word.</p>
<p>This is <b>bold</b> text using the b tag.</p>
</body>
</html>
“`
نتيجو:
– *Headings*: اهم عنوانن لاءِ استعمال ٿيندا آهن.
– *Bold*: زور ڏيڻ ۽ اهميت ڏيڻ لاءِ.
– *Paragraph*: مواد جو بنيادي ڍانچو ٺهڪائڻ لاءِ.
– *Strong*: اهميت ڏيڻ ۽ زور ڏيڻ لاءِ.
– *Italic*: ننڍڙي زاويي ۾ نمايان ڪرڻ لاءِ.
– *Underline*: لائن ذريعي ٽيڪسٽ کي نمايان ڪرڻ
لاءِ.
– *Mark*: اهميت ڏيکارڻ لاءِ.
– *Del*: حذف ٿيل مواد کي ڏيکارڻ لاءِ.
ھنن ٽيگس کي استعمال ڪندي توهان پنهنجي ويب پيج ۾ ٽيڪسٽ کي بهتر انداز ۾ نمايان ڪري سگهو ٿا.
