Important Notice:

Web Design: HTML & CSS — ADCA Notes

Web Design: HTML & CSS — ADCA Notes

17 views 1 min read

Web Design — HTML & CSS

HTML (HyperText Markup Language) structures web content. CSS (Cascading Style Sheets) styles the appearance.

HTML Basics <!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <h1>Hello World!</h1> <p>This is a paragraph.</p> </body> </html> Common HTML Tags TagPurpose <h1>–<h6>Headings <p>Paragraph <a href="">Hyperlink <img src="">Image <ul>, <ol>, <li>Lists <table>, <tr>, <td>Table <form>, <input>Form elements <div>, <span>Container elements CSS Basics selector { property: value; }

h1 { color: red; font-size: 24px; } p { color: #333; font-family: Arial; } CSS Selectors

  • Element: p { }
  • Class: .classname { }
  • ID: #idname { }
  • All: * { }

CSS Box Model

  • Content → Padding → Border → Margin
  • width, height, padding, border, margin properties

CSS Flexbox .container { display: flex; justify-content: center; align-items: center; gap: 20px; }