4.7/5 
4.7/5
HTML Page Structure
00:03:00
Course Preview
HTML & CSS Course
Self Paced Course
75 Videos
Video Course
22 Notes
Quick Notes
40 Labs
Hands-on Labs
7 Tests
Skill Tests
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:
- Understand the basics of HTML and its role in web development.
- Understand the fundamentals of CSS and its role in web design.
- Create web pages using HTML tags and attributes.
- Style web pages using CSS.
- Design web layouts using CSS positioning, box model, flexbox, and grid.
- Work with multimedia elements such as images, videos, and audio on web pages.
- Create HTML forms for data input and understand form validation.
- 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
- Skill Tests 7 Tests
- 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)
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
Skill Tests Tests (7)
HTML5 Skill Challenge
15 Questions
Introduction to HTML
10 Questions
HTML 5 Basics: Tags, Elements & Attributes
15 Questions
HTML 5 Table, Lists & Layout
15 Questions
HTML 5 Forms, Media & Storage
15 Questions
CSS 3 Fundamentals
15 Questions
CSS 3 Advanced Concepts
15 Questions
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
ScholarHat is one of the best training platforms to learn .NET Stack technical knowledge and carrier guidance. Shailendra Sir explains the concept in the simplest way. And Especially I like the career guidance program, it will help me to clear the goals and doubts about my career.
Rahul Chopkar
(Software Engineer)
I took a subscription for a self-paced training program with ScholarHat. I enjoyed the course, and it has given me a boost up on cloud and UI. Today I have reached my goal to get a perfect figure in my career. Thank you ScholarHat for helping me achieve this.
Sankeerth
(.NET Developer At Mphasis)
After joining ScholarHat live training program, got so much clarity for choosing my career path, managing my time, and the live classes were very helpful for upgrading my .NET skills. I'm confident now and soon I will report my victory. Thankyou ScholarHat by DotNetTricks.
Abhinav
(Web Application Developer at UnitedHealth Group)
I am a software engineer with around 21 years of experience in C/C++/Java. My recent business venture required me to learn web technologies on MERN/MEAN stack. Prior to getting introduced, to ScholarHat by DotNetTricks, I had no idea of C# and ASP.NET CORE. I studied the pre-recorded C# course by Mr. Shailendra Ji, well-renowned MVP, and learned it. To test my learning I took LinkedIn Test, and that knowledge helped me win the C# badge.
Munish Sawhney
(Software Engineer)
I have subscribed for ScholarHat's Self-paced annual subscription. ScholarHat's tutorials has helped me a lot to understand the dot net basics and fundamentals. With this core concepts , I cracked many MNCs interview and got salary hikes almost of 130%.
Rahul Choudhary
(Wipro- Software Engineer)
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.
- Visa debit/credit card
- Net banking
- 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 USThis course includes
54.58 % OFF₹3,065 ₹1,375
12 months unlimited access to the course.
