Basics of HTML
Basics of HTML_Syllabus
Introduction to HTML
- Understanding HTML structure: <!DOCTYPE html>, <html>, <head>, <body>
- Basic tags: <h1>, <p>, <a>, <img>
Lists, Links, and Images
- Creating lists: <ul>, <ol>, <li>
- Links: <a href=”…”>
- Images: <img src=”…” alt=”…”>
Forms and Tables
- Form Elements: <form>, <input>, <textarea>, <button>, <select>
- Tables: <table>, <tr>, <td>, <th>
Introduction to CSS
- Styling basics: Inline, Internal, External CSS
- Common properties: Colors, Fonts, Margins, Padding, Borders
Layout Techniques
- Block vs Inline elements
- Using Flexbox for responsive layouts
HTML5 Semantic Elements
- Tags: <header>, <footer>, <article>, <section>
- New form inputs: <input type=”date”>, <input type=”email”>
Final Project
- Build a simple webpage using HTML structure and basic CSS