HTML سٹائل

style کیمیتار HTML عناصر کا سٹائل بدلنے کا استعمال کیا جاتا ہے。

یہ متن Verdana اور لال میں ہے
یہ متن Times اور نیلا میں ہے
یہ متن 30 پائیکس کا اونچائی والا ہے

به طور مستقیم امتحان کنید

HTML کا style کیمیتار

style کیمیتار کا کردار:

تمام HTML عناصر کا سٹائل بدلنے کا ایک عام طریقہ فراہم کرتا ہے。

سٹائل HTML 4 میں شروع کیا گیا تھا، یہ ایک نئی ترجیح کا طریقہ تھا جس سے HTML عناصر کا سٹائل بدل سکتا ہے۔ سٹائل کے ذریعے، آپ استایل کیمیتار کا استعمال کریں گے تاکہ سادے ساتھ HTML عناصر کا سٹائل دین سکتے ہیں، یا مستقل سٹائل تیبل (CSS فائل) میں نچلی طور پر اس کا تعریف دین سکتے ہیں。

آپ کی CSS درسسیکھنے کا

آپ کا HTML درس میں، ہم style کیمیتار کا استعمال کریں گے تاکہ آپ کو HTML کا سٹائل سیکھنے کا موقع فراہم کریں۔

مستعمل نہ کئے جانے والے تگ اور کیمیتار

HTML 4 میں، کئی تگ اور کیمیتار مستعمل نہ کئے جانے والے تھے۔ مستعمل نہ کئے جانے والا (Deprecated) یعنی مستقبل کی نسلوں کا HTML اور XHTML میں یہ تگ اور کیمیتار مستعمل نہیں کئے جائیں گے。

یہ پیغام واضح ہے: یہ مستعمل نہ کئے جانے والے تگ اور کیمیتاروں کا استعمال کریں!

یہ تگ اور کیمیتاروں کا استعمال کریں!

تگ مقصد
<center> مرکز میں دینا
<font> اور <basefont> HTML کا فونت دینا
<s> اور <strike> خط حذف کردہ دینا
<u> خط زیر دینا
کیمیتار مقصد
align متن کی لائن کا ترتیب دینا
bgcolor پس منظر رنگ دینا
color متن کا رنگ دینا

مذکورہ کئی تگ اور کیمیتاروں کے لئے: کیمیتار کا استعمال کریں!

HTML کا سٹائل مثال - پس منظر رنگ

background-color کیمیتار کا رنگ دینا اہمیت رکھتا ہے:

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>

به طور مستقیم امتحان کنید

ویژگی style جایگزین کرده است "bgcolor" قدیمی.

به طور مستقیم امتحان کنید: روش قدیمی برای تنظیم رنگ پس‌زمینه

مثال استایل HTML - فونت، رنگ و اندازه

ویژگی‌های font-family، color و font-size به ترتیب تعریف می‌کنند: مجموعه‌های فونت، رنگ و اندازه فونت متنی عنصر:

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

به طور مستقیم امتحان کنید

ویژگی style جایگزین کرده است برچسب <font> قدیمی.

به طور مستقیم امتحان کنید: روش قدیمی برای تنظیم نوع فونت

مثال استایل HTML - تراز متن

ویژگی text-align روش قرارگیری افقی متن در عنصر را تعیین می‌کند:

<html>
<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>
</html>

به طور مستقیم امتحان کنید

ویژگی style جایگزین کرده است "align" قدیمی.

به طور مستقیم امتحان کنید: روش قدیمی برای تنظیم مرکز قرار گرفتن