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
Course gives insight to real life exposure and platform to enhance the overall project management skills of .NET Development Program. Training session is quite interactive, and explained with lots of examples, looking forward to the rest of the training. Actually I heard first time for live session, when ScholarHat member called me and awarded me about the LIVE Interactive class. Demo was really fruitful and very clearly explained. ScholarHat staff is energetic to ensure us, providing appropriate knowledge at any time. Real time project helped me to understand basic concept idea. The entire session was so engaging & interviewing. The concepts and content of Course dramatically structured in systematic way. Thanks again to Trainer, enhancing my skills in simple n steady way, with perfect live examples.
Saurav kumar
(Software Developer at Silver touch tech...)
"Special thanks ScholarHat, for providing a platform, where I can decide my Future Growth. I am going through the training on the latest technologies .NET and Microservices. I really appreciate the Staff work for motivating us. I am satisfied with the Trainer Course that they are providing me to enhance my Skills. Again Staff is supportive. Concept & Study material is up to the Mark & Easy to understand. I strongly request to add lab class for some topics like Azure DevOps."
Prem Sagar Singh
(Software Engineer at NIC Delhi)
The teaching is nice, the technologies that I came to know about MVC is awesome, Trainer always provides information, about what is currently going on in the IT Industry. DNT Staff is Well & Good, ready for cooperation ever. The real-time project helped me for my career Growth, I am very much thankful for the Trainer and strong Knowledge about the Project. I am quite comfortable with ScholarHat Training, the way of expressing technologies, and amazing to be understood by anybody. The only thing required is Practice and I am doing the same. Thanks, ScholarHat for a wonderful experience.
Mohd Arshad
(NIC at National Informatics Center)
I have taken Data Structures training from ScholarHat and I’m extremely satisfied and knowledge of the trainer. An extremely helpful and informative way of training, especially in conjunction with deep knowledge of the subject. And ScholarHat support team is very helpful in getting back to me very fast and helping out. The best part is you can attend the class from any location. Also, the class recordings are available inside the course content to go through them again if needed in future. All the best to the team!! This training helped me in upskilling myself.
Bhavesh Yadav
(Web Developer at K 9 Passion Inc.)
Excellent project development. Got a real idea of the whole thing, in a real-world working together. The instructor was very good and prompt in responding to questions. Excellent virtual class experience. Good Work ScholarHat. The course contents are up-to-date and the instructors are industry-trained and extremely hard-working. The support is always willing to help you out in various ways as promptly as possible. The training was very informative and practical. ScholarHat is my teaching guru now...Thanks “ScholarHat” and all the best. I got a great hike after joining this course.
Mohit Basantani
(Sr.Software Engineer at OSS CUBE )
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
57.17 % OFF₹1,179 ₹499
12 months unlimited access to the course.
