Learn HTML and CSS
HTML (Hypertext Markup Language) is a coding language used to create and structure content on the web. It is the foundation of all websites and is used to create the structure and layout of web pages, including text, images, videos, and links .In addition to defining content, HTML can also be used to create links to other web pages, insert multimedia elements such as videos and audio files, and create forms for collecting user input.HTML is a foundational skill for anyone looking to create websites or work in web development. By mastering this coding language, you can create dynamic, visually appealing web pages that are easy to navigate and engage users.
Cascading Style Sheets (CSS) is used to format the layout of a webpage .With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!
Who is This Training For?
- Someone who want to become a pro in HTML & CSS
- If you want to Design Website or Application
- Anyone who want to make money online in their free time
- Kids/Students/Professionals who want to learn the most demanding skill of 2023.
- If you want to learn Web Designing in a proper way
- If you want to become an entrepreneur.
- If you want to utilize your time/hobby for better.
What Can You Do After This?
- You can make a full time career in HTML & Css (Front end Developer).
- You can start/grow your online business using skills that you learn
- You can get a job in software industry
- You can make an extra income online without leaving your home
- You can provide freelance services
- You will learn the most demanding skills of 2023
Learn HTML and CSS
HTML Basic
- Introduction
- Selection of Editors
- Basic Examples
- Attributes
- Headings
- Paragraphs
- Styles
- Text Formatting
- Quotation and Citation Elements
- Comments
- Colors
- Links
- Links - Different Colors
- Links - Create Bookmarks
- Images
- Image Maps
- Background Images
- Element
- Favicon
- Page Title
- Table Borders
- Table Sizes
- Table Headers
- Table Padding & Spacing
- Table Col span & Row span
- Table Styling
- Table Col group
- Lists
- Unordered Lists
- Ordered Lists
- Other Lists
- Block and Inline Elements
- class Attribute
- id Attribute
- Iframes
- File Paths
- The Head Element
- Layout Elements and Techniques
- Responsive Web Design
- Computer Code Elements
- Semantic Elements
- Style Guide
- Entities
- Symbols
- Using Emojis
- Encoding (Character Sets)
- Uniform Resource Locators
- Versus XHTML
HTML Forms
- Forms
- Form Attributes
- Form Elements
- Input Types
- Input Attributes
- Input Attributes
HTML References
- Alphabetically
- Element Reference - By Category
- Reference - Browser Support
- Attribute Reference
- Global Attributes
- Event Attributes
- Color Names
- HTML Canvas Reference
- Audio/Video DOM Reference
- HTML Character Sets
- HTML DOCTYPE
- URL Encoding Reference
- Language Code Reference
- ISO Country Codes Reference
- HTTP Status Messages
- HTTP Request Methods
- Pixels to Ems Conversion
- Keyboard Shortcuts
CSS Tutorial - Basic
- Introduction
- CSS Syntax
- CSS Selectors
- How To Add CSS
- Comments
- CSS Colors
- CSS Backgrounds
- background-image
- background-repeat
- background-attachment
- Background Shorthand
- CSS Margins
- CSS Margin Collapse
- CSS Padding
- Height, Width and Max-width
- CSS Box Model
- CSS Outline
- CSS Outline Width
- CSS Outline Color
- Outline Shorthand
- Outline Offset
- CSS Text
- Text Alignment
- Text Decoration
- Text Transformation
- Text Spacing
- Text Shadow
- CSS Fonts
- CSS Icons
- CSS Links
- CSS Lists
- CSS Tables
- Table Size
- Table Alignment
- Table Style
- Responsive Table
- Layout - The display Property
- Layout - width and max-width
- Layout - The position Property
- Layout - The z-index Property
- Layout - Overflow
- Layout - float and clear
- Layout - clear and clear fix
- Layout - Float Examples
- Layout - display: inline-block
- Layout - Horizontal & Vertical Align
- Combinators
- Pseudo-classes
- Pseudo-elements
- Opacity / Transparency
- Navigation Bar
- Vertical Navigation Bar
- Horizontal Navigation Bar
- CSS Dropdowns
- Image Gallery
- Image Sprites
- Attribute Selectors
- CSS Forms
- CSS Website Layout
- CSS Units
- CSS Specificity
- CSS The !important Rule
- CSS Math Functions
CSS Advanced
- CSS Rounded Corners
- CSS Border Images
- CSS Multiple Backgrounds
- CSS Colors
- CSS Color Keywords
- CSS Gradients
- CSS Radial Gradients
- CSS Conic Gradients
- CSS Shadow Effects
- CSS Box Shadow
- CSS Text Effects
- CSS Web Fonts
- CSS 2D Transforms
- CSS 3D Transforms
- CSS Transitions
- CSS Animations
- CSS Tooltip
- CSS Styling Images
- CSS Image Reflection
- CSS The object-fit Property
- CSS The object-position Property
- CSS Masking
- CSS Buttons
- CSS Pagination Examples
- CSS Multiple Columns
- CSS User Interface
- CSS Variables - The var() Function
- CSS Overriding Variables
- CSS Change Variables With JavaScript
- CSS Using Variables in Media Queries
- CSS Media Queries
- CSS Media Queries - Examples
- CSS Flexbox
- CSS Flex Container
- CSS Flex Items
- CSS Flex Responsive
CSS Responsive
- Responsive Web Design - Introduction
- Responsive Web Design - The Viewport
- Responsive Web Design - Grid-View
- Responsive Web Design - Media Queries
- Responsive Web Design - Images
- Responsive Web Design - Videos
- Responsive Web Design - Frameworks
- Responsive Web Design - Templates
CSS SASS
- Sass Introduction
- Sass Installation
- Sass Variables
- Sass Nested Rules and Properties
- Sass @import and Partials
- Sass @mixin and @include
- Sass @extend and Inheritance
CSS Examples
- CSS Templates
- CSS Examples
- CSS Online Editor
- CSS Snippets
- CSS Quiz
- CSS Exercises
- CSS Certificate
CSS References
- CSS Reference
- CSS Browser Support Reference
- CSS Selector Reference
- CSS Functions Reference
- CSS Aural Reference
- CSS Web Safe Fonts
- CSS Fallback Fonts
- CSS Animatable
- CSS Units
- CSS Default Values Reference