Category: Hypertext Mark-up Language

Margin and padding are two important attributes that are useful in providing appropriate spacing between HTML elements. In particular, they are useful in rendering proper spacing among block elements in a pure CSS layout. The difference between margin and padding and how they render to block elements will be discussed in this article.

Even though search engines cannot detect letters on an image, these two attributes can make the images search engine friendly. However, these attributes behave in slightly different ways across different browsers.

Aside from placing CSS and Javascript within the head section of the HTML, we can also place them in separate external files. This enables several HTML webpages to access and use them. The results: uniform appearance of the website across several pages, elegant and simpler HTML code, and a search engine friendlier website.