عام وهڪري رستي اهو آهي ته عناصر اڪثر حالتن ۾ ويب پيج ۾ ڏيکاري رهيا آهن. HTML ۾ سڀئي عناصر اندر ئي خانن وارا آهن جن ۾ يا لائن لائن خان يا بلاڪ بڪ آهن.
دٻي وارا بلاڪ باڪس ڪڍڻ
عام وهڪري ۾، بلاڪ بڪ هڪ ٻئي کان پوء هڪ صفحي تي پوزيشن ۾ آهن (انهي ڪري اهي اهي HTML ۾ لکيل آهن). اهي مٿيان کاٻي پاسي خانه خانن جي شروع ۾ شروع ڪن ٿا ۽ مٿين طرف کان مٿو. هر باڪس جي وچ ۾ فاصلو مٿين ۽ هيٺيان حاڪمن جي مٿان هڪ ٻئي ۾ ڦاٽيل آهي.
مثال طور، توهان شايد شايد هيٺ ڏنل HTML هجي:
هي پهريون ڊيو آهي. اهو ان جي چوڌاري 5px جي چوڌاري 200 پکسلز ويڪر آهي.
هي هڪ عظيم ڊيو آهي.
اهو هڪ ڊوي آهي جيڪو سيڪنڊ کان ٿورو وڌيڪ آهي.
هر ڊي هڪ بلاڪ عنصر آهي، تنهنڪري اهو اڳوڻو بلاڪ عنصر هيٺان رکيو ويندو. هر کاٻي پاسي واري ڪنڊ ۾ بلاڪ جي بائیں ڪنڊ کي ڇڪي ڇڏيندو.
ان لائن لائن جا دٻو ڪڍڻ
افقي بڪ صفحن تي افقي بڪس ٺاھيو ويو آھي، ھڪٻئي کان پوء ھڪٻئي کان پوء ڪنٽرول جي مٿئين پاسي کان. جڏهن ان لائن بڪس جي سڀني عناصر کي هڪ قطار تي فٽ ڪرڻ لاء ڪافي جڳهه ناهي، اهي ايندڙ قطار ڏانهن لپي ويندا آهن ۽ عمودي طور اتان کان اسٽوريج ڪن ٿا.
مثال طور، هيٺ ڏنل HTML ۾:
ھي جملي ڳالھھ آھي ۽ ھي متن اطالوي آھي . ۽ هي بلڪل متن آهي.
پيراگراف ھڪڙو عنصر آھي، پر 5 ان لائن عناصر موجود آھن:
- "هي جملو آهي"
- "بدو"
- "۽ هي متن"
- "italics"
- "۽ ھيء پڌري متن آھي."
تنهن ڪري عام وهڪري اهو آهي ته انهن بلاڪ ۽ ان لائن عناصر بغير ويب ڊزائينر طرفان ڪنهن به مداخلت کان سواء ويب پيج تي ظاهر ڪندو.
جيڪڏهن توهان چاهيو ٿا ته ڪهڙو عنصر صفحي تي آهي جنهن ۾ توهان CSS سيٽنگنگ يا سي ايس ايس فلوس استعمال ڪري سگهو ٿا.