4.7/5 
4.5/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
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
-
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:30
HTML Formatting
00:03: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
Kudos to the entire dot net tricks team for the wonderful online sessions. The course materials are good for any level of professionals. The trainer explanation is based on real-time and the way of explanation is very practical that helps me always easily understand even most harder concepts. Thanks, DNT team for the amazing coordination and execution. I am regularly follow Dot Net Tricks site because of this give me the right information with simply language. I feel very happy to connected Dot Net Tricks.
Chandrasekar Jayaraman
(Technical Manager at IKA System Greater Boston)
It’s my pleasure share to review Dot net tricks. First of all thank you Dot Net Tricks for serving the quality training. After getting this training I'm feeling great. It’s is a wonderful platform to enhance knowledge. I have completed Microsoft Azure Developer Associate training I will definitely recommendations to others considering the course Dot Net Tricks. its dashboard is really helpful, UI is very simple and very less easy setup. It's very easy for beginners to start with Azure. You can use their inbuilt web apps to quickly deploy your app to production. Keep it up Dot Net Tricks New Upgrade Technology skills.
Viprat Shah
(Technical Lead in Mumbai )
Dot Net Tricks is doing good work for everyone who are fresher or experience or who is searching a good job. I am very happy to get job from the reference of Dot Net Tricks. And very good thing is, you don't take money like other consultancies. Thank you for Dot Net Tricks!!
Kailash Singh
(Software Developer)
The e-books that I purchased .NET Framework Interview Questions and Answers and C# Interview Questions and Answers also, Entity Framwork6.x Question answer helped a lot in clearing the doubts and much knowledge in Interview questions preparation. The content is very Good and Excellent..it is quiet simple and easy to learn all topics at one place and also understandable in a really short time to crack any interview. Thank you Dot Net Tricks..
Ramesh Vadde
(Software Developer)
Thanks, Dot Net Tricks to help me to get Job. Dot Net Tricks doing very good help for Experience people. It's a great work that they are doing without any expectations.
Pranali Desai
(Software Developer)
Frequently Asked Questions
Q1. Do you offer certificates of completion?
We do. Once you've finished a course, reach out to us.
Q2. 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
Q3. 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.
Q4. Do you provide technology version upgrade session free?
Yes, we do. As the technology upgrades your content gets updated at no cost.
Q5. 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.
Q6. 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.
Q7. 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
Q8. 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.
Q9. 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.
Q10. What is Self Paced course offered by Dot Net Tricks?
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.
This course includes
57.17 % OFF
₹ 1,179
₹ 499
12 months unlimited access to the course.
Still have some questions? Let's discuss.
CONTACT US
