4.7/5 
4.5/5
HTML Page Structure
00:00:45
Course Preview
HTML & CSS Certification Training
75 Videos
Self-paced 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:
- 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 Certification Training
-
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
0h 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
0h 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
0h 10m 36s
HTML5 New Inputs and Form Attributes
12m 10s
HTML5 New Form Elements
4m 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
0h 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
0h 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 Elements and Attributes
00:01:00
HTML Formatting
00:02:00
HTML Styles
00:01:30
HTML Tables
00:00:50
HTML Lists
00:00:30
HTML Layouts
00:01:10
HTML5 Forms
00:02:30
Media Elements
00:00:50
HTML5 and JavaScript
00:00:45
HTML5 Web Storage
00:00:30
HTML5 Graphics
00:00:30
CSS Selectors
00:01:45
Pseudo Elements and Classes
00:3:00
Fonts and Text
00:02:00
CSS Box Model
00:00:50
Colors and Backgrounds
00:01:30
CSS Units
00:01:40
Layouts and Media Queries
00:02:50
CSS Transforms
00:02:30
Transitions and Animations
00:02:00
CSS Shadows
00:00:30
Hands-On Labs Labs(40)
HTML: Create a webpage that displays Headings
00:15: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: Creating an HTML Web Page
00:20:00
HTML: Creating a Web Page Layout using Block Elements
00:20:00
HTML: Create an About Page
00:20:00
HTML: Create a Visiting Card
00:30:00
HTML: Make a To-Do List using HTML
00:20:00
HTML: Create a Student Marksheet
00:30:00
HTML: Design a Webpage for a Restaurant Menu
00:20:00
HTML: Make a Classic Resume for Yourself
00:20:00
HTML: Design a Calendar in the Table
00:20:00
HTML: Creating a Contact Form
15:00
HTML: Create a Survey Form
00:40:00
HTML: Create a Registration Form
00:40:00
HTML: Create an Application form
00:40:00
HTML: Create a Web Page with Responsive Images
00:30:00
HTML: Create an Image Slider
00:30:00
HTML: Create an audio player using HTML5 audio.
00:60:00
HTML : Creating a Web Page that adds a video background
00:20:00
HTML: Create an Image Gallery
00:30: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: 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: Change the Link Color Using CSS
15:00
CSS: Remove link underline with CSS
00:20:00
CSS: Use the Hover effect on images using CSS
00:20:00
CSS: Use the Hover effect on Text using CSS
00:20:00
CSS: Make an image gallery using hover box
00:20:00
CSS: Make a Modern Resume for Yourself
00:40:00
CSS: Make a Home Page for Your Blog
00:40:00
CSS: Create a Two-Column Layout using CSS
00:20:00
CSS: Make a responsive navigation menu using media queries in CSS
00:40:00
CSS: Use Flexbox to create a responsive layout in CSS
00:40:00
CSS: CSS Grid to create a responsive layout
00:40:00
CSS: Create a bouncing effect on an element using CSS
15:00
CSS: Show or hide an element using CSS
00:40:00
CSS: Convert Pixel value to a relative unit using CSS
15:00
Introduction to HTML
What is HTML?
Preview
0h 11m 00s
Entities and Attributes
0h 08m 09s
Links, Tables and List
Links in HTML
0h 05m 47s
Tables in HTML
0h 05m 54s
Lists in HTML
0h 05m 00s
Layouts, Images and Forms
Layouts in HTML
0h 09m 40s
Images in HTML
0h 08m 11s
Forms in HTML
0h 10m 08s
Our Students Reviews
I have completed my AWS Solutions Architect Associate Training from DotNetTricks and just loved it. The trainer was Subject Matter expert who was not only very much updated with recent trends in AWS but also himself worked in industry as a Solution Architect for AWS Cloud. They have very good study material which is adequate enough to make your concepts clear about AWS Cloud and also assist you in a big manner to get your AWS Solution Architect Associate Certification. Especially hands-on training makes you feel that you actually providing a real-time solution to a business. DotNetTricks also has an excellent support team who are available 24 x 7 to help us in case of any issue related to course material, learning management system, job opportunities etc. The Certification has helped me to boost my career goal. Thanks, DotNetTricks!
Basant Badwal
(Software Developer)
It's a great learning with DotNetTricks. I am very happy to share my feedback after completing my Amazon Web Services Master Program, This training program is such a wonderful opportunity to boost your career, it open doors to a new career path for those with no resources to change their circumstances. What they promise in their course content they deliver, Instructor was very helpful in explaining the concepts and also have the Hands-on practice of the project. The Course Delivery is amazing even for a beginner to start the career with Amazon Web Services (AWS). I am extremely happy DotNetTricks Training Program. In My, Recommendation just joins the Demo and you can see yourself, its Free Thank you DotNetTricks Team for helping me with my career path.
Pankaj Kumar
(Software Developer)
The Asp.Net Core with Angular Development course at Dot Net Tricks was very good. The Trainers are well experienced had a good hands on knowledge about the subject. They answer all the questions asked and sort out the doubts. The support team is also very active. In case of any issue they solve it as soon as possible. Thanks Dot Net Tricks!
Mahesh Shivaswamy
(Senior Programmer Analyst California)
Dot Net Tricks is a best E-learning training platform. I have enrolled in Mastering Microsoft Azure Development with Dot Net Tricks. The course material was very engaging and helpful. The best thing about them is the effort they take in resolving the course related query and also provide you with additional knowledge. I would love to recommend Dot Net Tricks to my friends. Thanks, Dot Net Tricks.
Saurabh Pandey
(Software Engineer)
I took instructor-led online Training on Asp.Net MVC with Angular.It was a nice experience for me that honestly speaking help me grow in my career with 90% growth. After completions of my training I cracked 3 interviews in Bangalore at same time.Almost all questions of interview were discussed and how to answered was discussed in Live session.I learnt real-time exposure as project development part was based upon how we work on clients projects. I recommend you as well to invest for your learning at DotNetTricks.
Sudipta Saha
(Sr. Product Development R & D Bangalore )
Frequently Asked Questions
Q1. Do you prepare me for the job interview?
Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.
Q2. Do you provide training on latest technology version?
Yes we do. As the technology upgrades we do update our content and provide your training on latest version of that technology.
Q3. Do you provide any course material or live session videos?
Yes we do. You will get access to the entire content including class videos, mockups, and assignments through LMS.
Q4. 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.
Q5. What If I miss my online training class?
All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.
Q6. 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.
Q7. What is the use of HTML certification and CSS certifications?
A certificate in HTML, or hypertext markup language, demonstrates a person's proficiency in HTML. It is used to construct the visual appeal and functional elements of website documents by web designers and other technical specialists. On the other hand, the CSS certificate enhances several web pages' styles and layouts to be managed using CSS. All of the pages in a website's navigation can have their appearance and layout changed using CSS. The CSS Certificate affirms a person's core understanding of cutting-edge CSS for web development.
Choose Training Options
45.87 % OFF
₹ 2,830
₹ 1,515
12 months unlimited access to the course.
Get this course bundle, plus 30+ other courses bundle with our self-paced training membership
Still have some questions? Let's discuss.
CONTACT US
