HTML Tutorial
HTML Tutorial

HTML - خصوصیات


ہم نے چند HTML ٹیگز اور ان کا استعمال دیکھا ہے جیسے ہیڈنگ ٹیگز <h1>, <h2>, پیراگراف ٹیگ <p> اور دیگر ٹیگز۔ ہم نے اب تک انہیں ان کی سب سے سادہ صورت میں استعمال کیا ہے، لیکن زیادہ تر HTML ٹیگز کے ساتھ خصوصیات بھی ہوتی ہیں، جو معلومات کے اضافی حصے ہوتے ہیں۔

ایک خصوصیت کو استعمال کرنے کے لئے ہم ایک HTML عنصر کی خصوصیتیں مخصوص کرنے کے لئے اس کے اوپننگ ٹیگ میں رکھتے ہیں۔ تمام خصوصیات دو حصوں پر مبنی ہوتی ہیں - ایک نام اور ایک قیمت

  • نام وہ خصوصیت ہے جو آپ مراد متعین کرنا چاہتے ہیں۔ مثال کے طور پر، مثال میں پیراگراف <p> عنصر کے ساتھ ایک خصوصیت ہوتی ہے جس کا نام align ہوتا ہے، جس کا استعمال آپ پیراگراف کی صفحے پر ترتیب دینے کے لئے کر سکتے ہیں۔

  • قیمت یہ ہے جسے آپ مراد خصوصیت کی قیمت کو تعین کرنا چاہتے ہیں اور ہمیشہ قواعد کے اندر ہوتی ہے۔ نیچے کی مثال میں align خصوصیت کی تین ممکن قیمتیں دکھائی گئی ہیں: left، center اور right۔

خصوصیتوں اور خصوصیت کی قیمتوں کو کوئی اہمیت نہیں ہوتی ہے. ہاں لیکن، World Wide Web Consortium (W3C) نے اپنی HTML 4 ریکمینڈیشن میں خصوصیات اور خصوصیت کی قیمتوں کو چھوٹے حروف میں رکھنے کی تجویز کی ہے۔

مثال

<!DOCTYPE html> 
<html>
 
   <head> 
      <title>Align Attribute  Example</title> 
   </head>
	
   <body> 
      <p align = "left">یہ بائیں متناسب ہے</p> 
      <p align = "center">یہ مرکز متناسب ہے</p> 
      <p align = "right">یہ دائیں متناسب ہے</p> 
   </body>
	
</html>

یہ نتیجہ دکھائے گا:

کور خصوصیات

ہم زیادہ تر HTML عناصر پر (جبکہ سب نہیں) استعمال ہونے والی چار کور خصوصیات ہیں -

  • Id
  • Title
  • Class
  • Style

Id خصوصیت

HTML ٹیگ کی id خصوصیت کا استعمال کسی بھی عنصر کو HTML صفحے میں یکتا شناخت فراہم کرنے کے لئے کیا جا سکتا ہے۔ اس خصوصیت کو استعمال کرنے کے لئے دو اہم وجوہات ہیں -

  • اگر کسی عنصر کے ساتھ ایک id خصوصیت ہوتی ہے جو یکتا شناخت ہے، تو صرف اس عنصر اور اس کی مواد کو شناخت کرنا ممکن ہوتا ہے۔

  • اگر آپ کے پاس ایک ہی نام کے دو عناصر ہیں جو ایک ویب صفحے (یا اسٹائل شیٹ) میں ہیں، تو آپ id خصوصیت کا استعمال کر کے ایسے عناصر کے درمیان فرق کرنے کے لئے id خصوصیت استعمال کر سکتے ہیں۔

ہم CSS کی بحرانی میں مختصر ٹیوٹوریل میں بات چیت کریں گے۔ اس وقت کے لئے، چلو دو پیراگراف عناصر کو مختلف کرنے کے لئے id خصوصیت استعمال کریں جیسا کہ نیچے دکھایا گیا ہے۔

مثال

<p id = "html">یہ پیرا HTML کیا ہے بیان کرتا ہے</p>
<p id = "css">یہ پیرا Cascading Style Sheet کیا ہے بیان کرتا ہے</p>

تائٹل خصوصیت

تائٹل خصوصیت عنصر کے لئے ایک تجویز کردہ عنوان فراہم کرتی ہے۔ تائٹل خصوصیت کے لئے تائٹل خصوصیت کی سنٹیکس وہی ہے جو id خصوصیت کے لئے وضاحت کی گئی ہے -

اس خصوصیت کی رفتار اس عنصر پر منحصر ہو گی جس کے ساتھ ہوتی ہے، اگرچہ یہ عام طور پر ٹول ٹپ کے طور پر دکھایا جاتا ہے جب مؤشر عنصر پر ہو یا عنصر لوڈ ہو رہا ہوتا ہے۔

مثال