My Study Guide

1. Difference between HTTP and HTTPS

HTTP is not encrypted while HTTPS is secure and uses SSL/TLS for encryption.

2. HTTP Request to HTML

When a browser sends an HTTP request to a server, the server responds with an HTML file that is rendered in the browser.

3. Absolute vs Relative Path

Absolute Path

Start from the root directory(top folder).

Relative Path

Relative to the current document location.

4. Block-Level vs Inline Elements

• Block Level occupy full width for example div tags.
• Inline only take the width of their content for example span tags.

5. Element Selector in CSS

Selects all elements of a specific type.

6. Why Sematics Matters

1. It describe the purpose of the content.
2. It helps screen readers and users with diability to naviage the webpage.
3. It makes for a better Search Engine Optimization(SEO).
4. Using meaningful tags helps to maintain the webpage.
5. It ensures the code will be compatible with future browsers(Backwards Compatibility).

7. Order of Padding and Margin in CSS When Using 4 Numbers

Top, Right, Bottom and Left

8. Difference Between Class and ID

• Class is used to identify a group of elements.
• ID is used to identify one unique element on a page.

9. Border, Border Radius, Margin and Padding

1. The border is the line that goes around the content and padding of an element.
2. The border radius is used to make the concers of the border curved.
3. Margin is the space outside the border.
4. Padding is the space inside the border, it increases the inner spacing.

10. HTML vs CSS

1. HTML is used to create the structure an content of the page.
2. CSS is used to style and design the HTML content.