Course overview
- Provider
- Udemy
- Course type
- Paid course
- Level
- All Levels
- Duration
- 8 hours
- Lessons
- 325 lessons
- Certificate
- Available on completion
- Course author
- Chandrasekaran Janardhanan
-
- Fine grained steps and instructions to learn HTML and CSS
- Learn to implement a web page Heading, Paragraphs, Links, Images, List and Tables
- Learn to implement a web page with Forms to capture data from user
- Learn to implement colors, fonts, borders and spacing
- Learn to implement screen layouts using Float, Flex and Grid
- Learn to apply styles and formatting for tables
- Learn to apply styles for form fields
- Learn to create layout using position property
- Learn to include icons
- Learn the basics of Responsive Web Design
- Host your pages as website using GitHub pages
Description
New to programming?
Don't like programming, but you want to get started?
You are in the right place. HTML is easier to learn than programming languages like Python, Java, C#.
This course contains fine grained steps for anybody to get started.
HTML
Heading
Paragraph
Links
Images
Lists
Tables
Forms
Form Validation
Create web pages that capture data from users using forms
Understand the purpose of semantic tags
CSS
Applying styles using Inline, Internal and External
Understand Element Selector, Id Selector and Class Selector
Understanding and Applying Fonts
Font Classification - Serif, Sans Serif, Monospace
Font File Types - TTF, OTF, WOFF, WOFF2
Understanding fonts installed in your desktop
Finding fonts from internet
Apply font using @font-face
Apply font using @import
Font Size - Absolute Size Keywords, Relative Size Keywords, Length, Percentage
Font Weight
Understanding and applying colors
Red, Green and Blue
Apply color using RGB
Apply color using Hexadecimal values
Other color applying options - RGBA, HSL, HSLA, currentcolor
Color Picker
Create Borders with various styles and apply border radius
Apply Spacing using Width, Padding and Margin
Position elements using float and clear
Understanding the Box Model
Understanding Border Box Box Model
Design page layout using Float and Clear
Display property
Apply display property as none, inline, block, inline-block
Design page layout using flex
Design page layout using grid and understand about fractional unit
Apply styles to Form Elements
Style Labels
Style Input Text
Style Password
Style Drop Down
Style Text Area
Align Radio Buttons and Checkboxes
Apply border to Input Text
Style Buttons with hover effect
Position Elements
Relative
Absolute
Fixed
Sticky
Layout Design using Position
Styling List and Table
Using Third Party Library Icons using CSS
Apply Responsive Web Design using CSS
Launch the screens developed during this course into GitHub Pages
Similar courses
-
English language
-
Recommended provider
-
Certificate available