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...
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 →
©, , <
- 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
