Basic HTML Tags You Should Know

HTML gives structure, and CSS makes it look good!

Here’s how they can work together:

<!DOCTYPE html>
<html>
<head>
  <style>
    h1 {
      color: green;
    }
    p {
      font-size: 18px;
    }
  </style>
</head>
<body>

<h1>Welcome to My Website</h1>
<p>This is a simple webpage.</p>

</body>
</html>

? Basic HTML Tags You Should Know:

  1. Headings: <h1>, <h2>, <h3> (up to <h6>)
  2. Paragraphs: <p>
  3. Images: <img src="image.jpg" alt="Image description">
  4. Links: <a href="https://example.com">Click here</a>
  5. Lists:
    • Ordered list: <ol><li>Item 1</li><li>Item 2</li></ol>
    • Unordered list: <ul><li>Item 1</li><li>Item 2</li></ul>

? Basic CSS Properties:

  1. Color: color: red;
  2. Font size: font-size: 16px;
  3. Background color: background-color: yellow;
  4. Margins and Padding:
    • margin: 20px; (space outside an element)
    • padding: 10px; (space inside an element)