Semantic Code

Every element that can be displayed on a web page is comprised of one or more rectangular boxes. CSS box model typically describes how these rectangular boxes are laid out on a web page. These boxes can have different properties and can interact with each other in different ways, but every box has a content area and optional surrounding padding, border, and margin areas.
____________________________________________________________
مختصر مفهوم ال box model في ال HTML ان اي عنصر في الويب له مساحه المحتوي بتاعه وهي ال width , height وله ازاحه داخليه وهي ال padding وله border وله ازاحه خارجيه وهي ال margin