HTML History~Client Server Architecture8:23
HTML Heading tags4:00
P tag, br tag, List tag, Nesting of list tag9:38
Master p tag, br tag, and list tags— including nesting of lists— while using VS Code live server to auto refresh, and organize content inside head and body with formatting.
img tag, anchor tag, making images clickable10:00
Input tags, button6:45
Button, Div tag7:17
B tag, inspect browser, DOM, Image height~width7:02
Table Tag4:33
Audio and Video files in html page3:36
Video Audio files from internet into our page, using iframe tag8:12
HTML Boilerplate Code, Page Title5:25
Multipage Website4:32
Github Repository Creation and Uploading files2:41
Settings to Host Website for Free using GITHUB1:09
Our website URL, HTML Conclusion2:40

CSS Introduction5:22
Inline CSS7:59
Learn inline css by using the style attribute to apply a background color to a simple html page, with h1 and h2 elements and a quick live-server preview.
div tag,CSS box model, CSS Selectors8:11
Running Sample CSS code6:09
CSS Defining Div tags and class in our page5:14
Inline CSS and styling5:58
Tag based CSS styling6:00
Class Based styling continued, Comment tag8:00
Float property3:09
Explore the float property in HTML and CSS, learn how to align boxes and create responsive layouts that adapt to screen size, and how to clear floats with clear left.
id selector styling, using multiple selectors, priority order8:03
Attribute Selector Examples6:07
Universal Selector3:30
Master the universal selector, which uses a star to apply styles to all elements, including font size, background color, and text color. It can target only a div.
Combining different selectors, Grouping Selectors6:32
Child Selector, Descendent selector9:01
Use the parent-child selector to target one level down under a box content container, then apply descendant selectors to reach two-level deep with blue violet, crimson, and Times New Roman.
Chaining selectors example5:56
External CSS5:33
Positioning in CSS Static,Relative,Fixed,Absolute6:48
Sticky Positioning CSS2:58
Master sticky positioning in CSS with top, showing how elements become fixed at the top edge when inside their parent, and stop sticking at the bottom of that parent.
Toolbar Creation Example9:54
Explore building a toolbar using a list, styling with CSS, and adding anchor links with hover effects, padding, borders, and background color to create a clickable navigation bar.
Toolbar contd. and Use of Pseudo Classes9:36
Pseudo Class with IMG tag4:55
Pseudo Class Table Styling7:56
Pseudo Class example Input fields3:54
Display Property in CSS9:17
Responsive Web Design6:40
Explore responsive web design that adapts pages for desktops, tablets, and phones by resizing, hiding, shrinking, or enlarging content with HTML and CSS, using the viewport tag width=device-width.
Media Queries9:41
Flexbox CSS Container12:11
Flexbox CSS Items11:20
CSS Grid Intro and Container Properties13:54
CSS Grid Items Properties7:48

Requirements

No prior knowledge or programming knowledge is required.
Willingness and dedication to learn HTML and CSS, that's all you need.

Description

•In this 5+ hours of course we are going to learn all important concepts of HTML and CSS.

•We will learn about –

•HTML Tags such as p tag, br tag, img tag, div tag, create ordered and unordered list, iframe tag, input tags, table tag and many more.

•We will learn how to add images and videos in our webpage, adding music audio files from internet and Youtube videos.

•We will learn to create multipage responsive website.

•We will learn to HOST our website for FREE using GITHUB.

•We will learn to style and decorate our webpage using CSS.

•We will learn to work with inline, internal and external CSS.

•We will learn tag based styling, Class based styling etc.

•We will learn about CSS Selectors and using multiple selectors and how to group selectors.

•We will see examples of element, class, id, attribute and universal selectors.

•We will learn CSS Box Model.

•We will work with Float property and make our web page responsive.

•We will see child/descendent selectors and example of chaining selectors.

•We will learn about CSS Positioning (Static, relative, fixed, absolute, sticky)

•We will learn about Pseudo classes (with img tag, with input fields and table styling)

•We will learn Display properties in CSS (None, Block, Inline, inline-block )

•We will learn how to create responsive web design.

•We will learn advanced CSS Concepts like Media Queries, CSS Flexbox and CSS Grid.

•We will learn to use Bootstrap and working with Bootstrap online and offline.

•And many other things during our learning journey...!

Who this course is for:

Anyone who wants to learn HTML and CSS
Anyone who is looking to create their own website
Anyone who wants to learn Front End Development
For all levels - beginners, intermediate and advance (Beginners Friendly)

HTML CSS Course 2023 For All Developers (Beginner Friendly)

What you'll learn

Explore related topics

Course content

Introduction and Getting Ready For The Coding3 lectures • 13min

HTML Section15 lectures • 1hr 26min

CSS Basics and Advance Concepts30 lectures • 3hr 38min

Additional Section - Bootstrap2 lectures • 18min

50- Conclusion1 lecture • 2min

Requirements

Description

Who this course is for: