HTML/CSS Basics
Fundamental Concepts of HTML/CSS
Examples and Metaphors for Understanding HTML/CSS
Related Themes and Readings for HTML/CSS
Test Your Understanding of HTML/CSS
HTML and CSS as a Burger
- HTML is the burger’s structure: the buns, the patty, the lettuce, and the cheese. These components are stacked to create the burger.
- CSS is the presentation: the way the burger looks. Is it neatly arranged, with cheese oozing from the sides? Is it plated beautifully with garnish on the side?
Example:
HTML (Burger Ingredients):
<h1>Burger</h1>
<p>Ingredients: Bun, Patty, Lettuce, Cheese.</p>
CSS (Presentation of the Burger):
h1 {
color: red;
font-size: 30px;
}
p {
color: green;
font-style: italic;
}
Here:
- HTML builds the burger by stacking the ingredients.
- CSS makes it appetizing, deciding the font size, color, and styling.