Watch Course Preview
Course Preview

HTML & CSS Course

Self Paced Course

75 Videos

Video Course

22 Notes

Quick Notes

40 Labs

Hands-on Labs

8 Videos

 Interview Q&A

HTML & CSS Course Overview

The HTML and CSS Course has been designed to make you proficient in HTML and CSS. You will master the fundamentals of HTML and CSS in this certification training course, including how to build layouts, construct web pages, and use style components. You will master the fundamentals of HTML and CSS in this certification training course, including how to build layouts, construct web pages, and use style components.

The primary goal of the CSS and HTML certification course is to provide students with the knowledge and abilities necessary to use HTML and CSS to build websites and web pages that appear professional.

Course objectives

Participants in this course will have the following skills after completing this course:

  1. Understand the basics of HTML and its role in web development.
  2. Understand the fundamentals of CSS and its role in web design.
  3. Create web pages using HTML tags and attributes.
  4. Style web pages using CSS.
  5. Design web layouts using CSS positioning, box model, flexbox, and grid.
  6. Work with multimedia elements such as images, videos, and audio on web pages.
  7. Create HTML forms for data input and understand form validation.
  8. Create responsive web designs that adapt to different screen sizes and devices.

HTML and CSS Course Eligibility

Pre-requisites

There is no prerequisite for joining this course to learn HTML and CSS.

Who can Join?

HTML and CSS can be learned by anyone who is interested in studying web development and building websites.

Tools/SDK/IDE?

Visual Studio Code or any HTML Editor

Included in this HTML & CSS Course

  •   Video Course 75 Videos
  •   Quick Notes 22 Notes
  •   Labs 40 labs
  •   Q&A 8 Videos

Course Overview

Course Overview 01m 35s

History of HTML

A Look at HTML Preview 02m 26s
What is HTML? 02m 15s
History of HTML 06m 00s

Getting Started with HTML

HTML Development IDE 02m 40s
HTML Page Structure 05m 50s

Introduction to HTML5

Understanding HTML5 04m 53s
HTML5 Document 07m 20s
Browsers Support and Advantages 03m 10s

HTML Elements and Attributes

HTML Elements and Tags Preview 06m 22s
Empty Elements And Nested Elements 03m 00s
HTML Attributes 01m 00s
HTML Basic Elements 10m 12s
Demo: HTML Basic Elements 07m 10s

HTML Formatting

Text Formatting 06m 15s
HTML Comments 01m 10s
Quotation and Citation Elements 05m 15s
Demo: Tags and Formatting 06m 55s

HTML Styles

HTML Styles and Colors 07m 55s
HTML CSS 08m 34s

HTML Tables

Introduction to HTML Table Preview 04m 47s
Spanning Rows and Columns Preview 04m 27s
Table: Header, Body and Footer 03m 52s

HTML Lists

HTML Lists : Ordered 04m 27s
Unordered List 02m 22s
Description List 02m 32s

HTML Layouts

What is Layout? 02m 30s
HTML Table Based Layout 07m 40s
Div Based Layout 04m 54s
HTML5 Structure Based Layout 04m 51s
HTML5 Layout Elements 10m 15s

HTML5 Forms

Introduction Preview 10m 36s
HTML5 New Inputs and Form Attributes 12m 10s
HTML5 New Form Elements 04m 15s

HTML5 Validations

HTML5 Validations 09m 43s
HTML5 Data Attributes 06m 10s
HTML5 New Attributes 08m 14s

Media Elements

HTML5 Audio and Video 03m 12s
HTML5 Audio Element 04m 56s
HTML5 Video Element 03m 45s

HTML5 and JavaScript

JavaScript with Html 02m 07s
Inline Script In HTML 03m 09s
Internal Script In HTML 03m 08s
External JavaScript in HTML 03m 08s

HTML5 Web Storage

Introduction to Web Storage 03m 40s
Local Storage 04m 11s
Session Storage 04m 27s

HTML5 Graphics

Canvas Element 05m 25s
SVG Element 07m 15s

Course Overview

Course Overview 01m 03s

CSS Selectors

Introduction to CSS Preview 06m 20s
CSS3 Selectors 03m 30s
Demo: CSS3 Selectors 10m 29s

Pseudo Elements and Classes

Pseudo Elements 02m 35s
Demo: Pseudo Elements 02m 51s
Pesudo Classes 01m 51s
Demo: Pesudo Classes 03m 37s

Stylesheets

Introduction to Stylesheets 04m 03s
Demo: Stylesheets 05m 24s

Fonts and Text

CSS Fonts 07m 20s
CSS Text 07m 09s

CSS Box Model

CSS Box Model 04m 17s
Demo: CSS Box Model 07m 53s

Colors and Backgrounds

CSS Colors 07m 53s
CSS Background 07m 53s
CSS Gradients 08m 48s

Course Overview

Course Overview 00m 39s

CSS Units

Absolute Units 06m 02s
Relative Units 04m 09s

Layouts and Media Queries

Media Queries 06m 59s

CSS Transforms

2D Tranform 12m 07s
3D Tranform 07m 52s

Transitions and Animations

CSS Transitions 07m 51s
CSS Animations 06m 35s

CSS Shadows

CSS Shadows 05m 48s
Quick Notes Notes (22)

HTML Page Structure

00:03:00

CSS Selectors

00:01:45

Pseudo Elements and Classes

00:3:00

HTML Elements and Attributes

00:01:30

Fonts and Text

00:02:00

HTML Formatting

00:03:00

HTML Styles

00:01:30

CSS Box Model

00:00:50

Colors and Backgrounds

00:01:30

HTML Tables

00:00:50

HTML Lists

00:00:30

CSS Units

00:01:40

Layouts and Media Queries

00:02:50

HTML Layouts

00:01:10

HTML5 Forms

00:02:30

CSS Transforms

00:02:30

Transitions and Animations

00:02:00

Media Elements

00:00:50

HTML5 and JavaScript

00:00:45

CSS Shadows

00:00:30

HTML5 Web Storage

00:00:30

HTML5 Graphics

00:00:30

Hands-On Labs Labs(40)

HTML: Create a webpage that displays Headings

00:15:00

HTML: Creating a Contact Form

00:15:00

CSS: Create a Webpage with a fixed header and footer using CSS

00:20:00

CSS: Design a Navigation Bar using CSS

00:20:00

CSS: Make a Modern Resume for Yourself

00:40:00

HTML: Create a Survey Form

00:40:00

HTML: Create a Web Page that displays formatting tags

00:15:00

HTML: Create a Webpage using Subscript and Superscript tags

00:15:00

HTML: Create a Registration Form

00:40:00

CSS: Make a Home Page for Your Blog

00:40:00

CSS: Design a Tribute Page using HTML & CSS

00:20:00

CSS: Make a link button with CSS

00:20:00

CSS: Create and Style a Login Page using CSS

00:20:00

CSS: Create a Two-Column Layout using CSS

00:20:00

HTML: Create an Application form

00:40:00

HTML: Creating an HTML Web Page

00:20:00

HTML: Creating a Web Page Layout using Block Elements

00:20:00

HTML: Create a Web Page with Responsive Images

00:30:00

CSS: Make a responsive navigation menu using media queries in CSS

00:40:00

CSS: Change the Link Color Using CSS

00:15:00

CSS: Remove link underline with CSS

00:20:00

CSS: Use Flexbox to create a responsive layout in CSS

00:40:00

HTML: Create an Image Slider

00:30:00

HTML: Create an About Page

00:20:00

HTML: Create a Visiting Card

00:30:00

HTML: Create an audio player using HTML5 audio.

01:00:00

CSS: CSS Grid to create a responsive layout

00:40:00

CSS: Create a bouncing effect on an element using CSS

00:15:00

CSS: Use the Hover effect on images using CSS

00:20:00

HTML : Creating a Web Page that adds a video background

00:20:00

HTML: Make a To-Do List using HTML

00:20:00

HTML: Create a Student Marksheet

00:30:00

HTML: Create an Image Gallery

00:30:00

CSS: Use the Hover effect on Text using CSS

00:20:00

CSS: Show or hide an element using CSS

00:40:00

CSS: Make an image gallery using hover box

00:20:00

HTML: Design a Webpage for a Restaurant Menu

00:20:00

HTML: Make a Classic Resume for Yourself

00:20:00

CSS: Convert Pixel value to a relative unit using CSS

00:15:00

HTML: Design a Calendar in the Table

00:20:00

Introduction to HTML

What is HTML? Preview 11m 00s
Entities and Attributes 08m 09s

Links, Tables and List

Links in HTML 05m 47s
Tables in HTML 05m 54s
Lists in HTML 05m 00s

Layouts, Images and Forms

Layouts in HTML 09m 40s
Images in HTML 08m 11s
Forms in HTML 10m 08s

Our Students Reviews

Frequently Asked Questions

Q1. What is Self Paced course offered by ScholarHat?

Online Self Paced Courses are designed for self-directed training, allowing participants to begin at their convenience with structured training and review exercises to reinforce learning. You'll learn through videos, PPTs, and Assignments designed to enhance learning outcomes, all at times that are most convenient for you.

Q2. Who are your mentors?

All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.

Q3. How would I get access to the Learning Content?

As soon as you enroll in the course, you will get access to the course content through LMS (The Learning Management System) in the form of a complete set of Videos, PPTs, PDFs, and Assignments. You can start learning right away.

Q4. How do I enroll for the course?

You can enroll in the course by doing payment. Payment can be made using any of the following options.

  1. Visa debit/credit card
  2. Net banking
  3. Through PayPal

Q5. Student discounts?

Yes, Dot Net Tricks provides student discount to learners who cannot afford the fee. Email us from your student account, or attach your student ID.

Q6. Can I share my course with someone else?

In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.

Q7. How do I setup my team?

Please drop us an email with a list of user details like name, email you’d like to enroll and have access, we'll create your team accounts.

Q8. Do you provide technology version upgrade session free?

Yes, we do. As the technology upgrades your content gets updated at no cost.

Q9. Whom do I contact, if I have more queries?

You can give us a CALL at +91 113 303 4100 OR email us at enquiry@dotnettricks.com

Q10. Do you offer certificates of completion?

We do. Once you've finished a course, reach out to us.

Still have some questions? Let's discuss.
CONTACT US
This course includes
57.17 % OFF
1,179 499
12 months unlimited access to the course.

Access all courses with our subscription plan.
All courses, One subscription!
Accept cookies & close this