جیسے ہی آپ ایچ ٹی ایم ایل کے ساتھ ویب صفحات بنانا چاہتے ہیں، آپ sizing کے ساتھ کام کرنا شروع کر دیں گے. آپ کی ویب سائٹ کو جس طرح آپ دیکھنا چاہتے ہیں وہ دیکھنے کے لۓ، ممکنہ طور پر آپ یا کسی دوسرے ڈیزائنر نے ڈیزائن کیا ہے، آپ اس سائٹ پر متن کے سائز کے ساتھ ساتھ صفحہ کے دیگر عناصر کو تبدیل کرنا چاہتے ہیں. ایسا کرنے کے لئے آپ ایچ ٹی ایم ایل "سائز" ٹیگ کو تلاش کرنے کے لئے شروع کر سکتے ہیں، لیکن آپ اسے جلدی تلاش کر لیں گے.
ایچ ٹی ایم ایل میں ایچ ٹی ایم ایل کا سائز ٹیگ موجود نہیں ہے. اس کے بجائے، آپ کے فونٹ کا سائز قائم کرنے کے لۓ، تصاویر یا ترتیب آپ کو کواسڈنگنگ انداز شیٹس استعمال کرنا چاہئے. اصل میں، کسی بھی بصری تبدیلی کو آپ سائٹ کے ٹیکسٹ یا کسی اور عنصر کو سی ایس ایس کی طرف سے سنبھالنے کی ضرورت ہے! HTML صرف ساخت کے لئے ہے.
ایچ ٹی ایم ایل سائز ٹیگ میں قریبی ترین ٹیگ پرانا فونٹ ٹیگ ہے، جس میں واقعی سائز کی خاصیت شامل تھی. خبردار رہیں کہ یہ ٹیگ ایچ ٹی ایم ایل کے موجودہ ورژن میں خراب ہوگیا ہے اور مستقبل میں براؤزرز کی طرف سے حمایت نہیں کی جا سکتی ہے! آپ اپنے HTML میں فونٹ ٹیگ استعمال نہیں کرنا چاہتے ہیں! اس کے بجائے، آپ کو اپنے ایچ ٹی ایم ایل کے عناصر کو سائز اور اپنے ویب پیج کے مطابق اس کے مطابق سی ایس ایس سیکھنا چاہئے.
فونٹ سائز
فانٹ arguably سی ایس ایس کے ساتھ سائز کے لئے سب سے آسان چیز ہے. سی ایس ایس کے ساتھ آپ اس ویب سائٹ کے نوع ٹائپ کے بارے میں مزید خاص طور پر سائز کے مقابلے میں Moreso. آپ فونٹ کا سائز، رنگ، سانچے، وزن، معروف اور زیادہ کی وضاحت کرسکتے ہیں. فونٹ ٹیگ کے ساتھ، آپ صرف سائز کی وضاحت کرسکتے ہیں، اور پھر صرف براؤزر کے پہلے سے طے شدہ فونٹ کے سائز سے متعلق ایک نمبر کے طور پر جو ہر گاہک کے لئے مختلف ہوتا ہے.
12pt کے فونٹ سائز میں اپنا پیراگراف قائم کرنے کے لئے، فونٹ سائز سٹائل کی جائیداد کو استعمال کریں:
H3 {فونٹ سائز = 24px؛ }یہ انداز سرائنگ 3 عناصر 24 پکسلز کے فونٹ سائز مقرر کرے گا. آپ اسے بیرونی طرز شیٹ میں شامل کرسکتے ہیں اور آپ کے تمام سائٹ کے H3s اس طرز کا استعمال کریں گے.
اگر آپ اضافی ٹائپاتی شیلیوں کو اپنے متن میں شامل کرنا چاہتے ہیں تو، آپ انہیں اس سی ایس ایس کے اصول پر شامل کر سکتے ہیں:
H3 {فونٹ سائز: 24px؛ رنگ: # 000؛ فونٹ وزن: عام؛ }یہ صرف H3s کے لئے فونٹ سائز مقرر نہیں کرے گا، یہ بھی رنگ کو سیاہ مقرر کرے گا (جس کا کیا ہے # 000 معنی کا ہیکس کوڈ) اور یہ وزن "عام" کرنے کے لئے مقرر کرے گا. پہلے سے طے شدہ طور پر، براؤزر جرات مندانہ 1-6 کے طور پر جرات مندانہ متن کے طور پر پیش کرتے ہیں، لہذا اس سٹائل کو ڈیفالٹ اور لازمی طور پر "غیر بولڈ" ٹیکسٹ کو ختم کرنا ہوگا.
تصویری سائز
تصاویر کو سائز کی وضاحت کرنے کے لئے مشکل ہوسکتے ہیں کیونکہ آپ اصل میں براؤزر کو تصویر کا سائز تبدیل کرنے کے لئے استعمال کرسکتے ہیں. بے شک، براؤزر کے ساتھ سائز کا سائز ایک خراب خیال ہے کیونکہ اس کے صفحات کو زیادہ آہستہ آہستہ لوڈ کرنے کا سبب بنتا ہے اور براؤزرز اکثر سائز کا بدترین کام کرتا ہے، اور تصاویر خراب لگتی ہیں. اس کے بجائے، آپ کو تصاویر کا سائز تبدیل کرنے کے لۓ گرافکس سافٹ ویئر کا استعمال کرنا چاہئے اور پھر اپنے ویب صفحے ایچ ٹی ایم ایل میں ان کے حقیقی سائز لکھیں.
فونٹ کے برعکس، تصاویر سائز کی وضاحت کے لئے HTML یا CSS استعمال کرسکتے ہیں. آپ تصویر اور اونچائی کی چوڑائی کی وضاحت کرتے ہیں. جب آپ ایچ ٹی ایم ایل کا استعمال کرتے ہیں تو، آپ پکسلز میں تصویر کا سائز صرف وضاحت کرسکتے ہیں. اگر آپ سی ایس ایس استعمال کرتے ہیں تو، آپ انچ، سینٹی میٹر اور فی صد سمیت دیگر پیمائش استعمال کرسکتے ہیں. یہ آخری قدر، فیصد، بہت مفید ہے جب آپ کی تصاویر کو ایک ذمہ دار ویب سائٹ کے طور پر، سیال کی ضرورت ہوتی ہے.
ایچ ٹی ایم ایل کا استعمال کرتے ہوئے آپ کی تصویر کے سائز کی وضاحت کرنے کے لئے، img ٹیگ کی اونچائی اور چوڑائی خصوصیات کا استعمال کریں. مثال کے طور پر، یہ تصویر 400x400 پکسلز مربع ہوگی:
اونچائی = "400" چوڑائی = "400" alt = "تصویر" />سی ایس ایس کا استعمال کرتے ہوئے آپ کی تصویر کے سائز کی وضاحت کرنے کے لئے اونچائی اور چوڑائی طرز کی خصوصیات کا استعمال کریں. سائز کی وضاحت کرنے کے لئے سی ایس ایس کا استعمال کرتے ہوئے ایک ہی تصویر ہے:
سٹائل = "اونچائی: 400px؛ چوڑائی: 400px؛" alt = "تصویر" />لے آؤٹ سائز
آپ کو ایک ترتیب میں وضاحت کرنے کا سب سے زیادہ عام سائز چوڑائی ہے، اور آپ کو فیصلہ کرنے کی پہلی چیز یہ ہے کہ کیا مقررہ چوڑائی ترتیب یا ذمہ دار ویب سائٹ استعمال کرنا ہے. دوسرے الفاظ میں، کیا آپ چوڑائی کو مثالی طور پر پکسلز، انچ یا پوائنٹس کے طور پر متعین کرنا چاہتے ہیں؟ یا آپ ای ایس یا فی صد استعمال کرتے ہوئے لچکدار ہونے کے لۓ آپ کی ترتیب چوڑائی مقرر کرنے کے لئے جا رہے ہیں؟ آپ کی ترتیب کے سائز کی وضاحت کرنے کے لئے، آپ چوڑائی اور اونچائی سی ایس ایس کی خصوصیات استعمال کرتے ہیں جیسے آپ کسی تصویر میں کریں گے.
فکسڈ چوڑائی:
طرز = "چوڑائی: 600px؛">>مائع چوڑائی:
سٹائل = "چوڑائی: 80٪؛">جب آپ اپنی ترتیب کے لئے چوڑائی پر فیصلہ کررہے ہیں، تو آپ کو مختلف براؤزر کی چوڑائیوں کو ذہن میں رکھنا چاہئے جو آپ کے قارئین کو استعمال کر سکیں اور مختلف آلات استعمال کریں. یہی وجہ ہے کہ ذمہ دار ویب سائٹس ، جو مختلف آلات اور اسکرین کے سائز کی بنیاد پر ان کی ترتیب اور سائز کو تبدیل کرسکتے ہیں، آج سب سے بہتر عمل کی معیشت ہے.