HTML & CSS: Build Your First Websites at just ₹1499

Trained by working IT professionals from leading companies

20 HOUR HTML & CSS SYLLABUS

This course is perfect for complete beginners who want to learn how to build and style their own websites. You will gain hands-on experience in structuring web pages with HTML and making them visually appealing with CSS. By the end of this course, you'll be able to create responsive, professional-looking websites from scratch.

Fee: ₹1499 Training Mode: Instructor-led live class Duration: 20 hours Next Batch: Loading...
Book the Course Talk to Us

What you will learn from this course?

  • Basics of Web Designing
  • Understanding UI & UX
  • Structure of a Web Page
    • Breakdown of <html> Elements
    • Writing <!-- Comments -->
    • Difference Between Block and Inline Elements
    • Building a Simple Web Page
  • Common Internet Terms & Abbreviations
  • Domain Names & Hosting Explained
  • Intro to On-Page SEO (Search Engine Optimization)
  • Working with Colors
    • CMYK Color Mode
    • PANTONE (PMS) Standard
    • RGB Color Model
    • RGBA – Red, Green, Blue, with Transparency
    • HSL – Hue, Saturation, Lightness
    • HSLA – HSL with Transparency
    • Hexadecimal Color Codes
    • Using Named Colors
  • Web Fonts
    • Applying Fonts in Web Pages
    • Using System/Local Fonts
    • Loading Fonts via CDN
    • Using Fonts from Project Files
  • Measurement Units in Web Design
  • Putting It All Together in a Web Page
    • Header Section → <header>
    • Body Section → <body>
    • Document Setup Tags → <!DOCTYPE>, <html>, <head>
    • Headings → <h1> <h2> <h3> <h4> <h5> <h6>
    • Paragraphs → <p>
    • Text Formatting Tags → <b>, <strong>, <i>, <em>, <u>, <mark>
    • Lists → <ul>, <ol>, <li>
    • Tables → <table>, <tr>, <td>, <th>
    • Adding Images → <img>
    • Hyperlinks → <a>
    • Basic Layout Elements → <div>, <span>
    • Scalable Graphics → <svg>
    • Multimedia Content → <video>, <audio>, <object>
    • HTML Entities → &copy;, &nbsp;, &lt;
    • Form Basics → <form>
    • Input Fields → <input type="text">
    • Multi-line Text → <textarea>
    • Dropdown & Select Options → <select>, <option>
    • Submit Button → <input type="submit">
    • Radio Buttons → <input type="radio">
    • File Uploads → <input type="file" multiple>
    • Input Arrays → <input name="field[]">
    • Using Regex in Forms → pattern attribute
    • Supporting Form Tags → <label>, <fieldset>, <legend>
    • Form Examples & Practice
    • Custom Tab Order in Forms → tabindex
    • Form Validation in HTML → required, pattern
    • Multiple Submission Destinations → formaction
  • HTML & CSS Integration
    • Inline CSS → style=""
    • Embedded CSS → <style>
    • External Stylesheets → <link rel="stylesheet">
    • Importing Styles → @import
    • Box Model Explained → margin, border, padding, width, height
  • Reference: CSS Properties
    • Padding → padding
    • Margins → margin
    • Borders → border
    • Size & Positioning → width, height, position
    • Typography → font-family, font-size, text-align
    • List Styling → list-style
    • Backgrounds → background
    • Cursors → cursor
    • 3D Transformations → transform
    • CSS Grid → display: grid;
    • Flexbox → display: flex;
    • Shadows → box-shadow, text-shadow
    • Image Effects → filter
  • Creating Animations → @keyframes, animation
  • Responsive Web Design → @media
  • Minimum 3 Projects
TALK TO US FOR FREE