Web Development (HTML + CSS)
This training course introduces HTML and CSS, covering essential topics such as HTML tags, CSS selectors, and properties, with a focus on building a website from scratch.
Overview
This Web Development training course provides a comprehensive introduction to HTML and CSS, the foundational technologies for building websites. Participants will learn essential HTML tags for structuring web content and CSS selectors and properties for styling. The course culminates in building a website from scratch, offering practical experience in creating responsive and visually appealing web pages. Ideal for beginners looking to start their journey in web development.
Syllabus
Introduction to the Course
Code Editor
Introduction & Overview of HTML
Introduction & Overview of CSS
HTML Introduction
- History of HTML
- Create HTML Page
- HTML Tags & Attributes
- HTML Tag vs Element
- HTML Document Versions
HTML Basic Formatting Tags
- HTML Basic Tags
- HTML Formatting Tags
- HTML Color Coding
HTML Grouping using Div Span
HTML HyperLinks : Absolute & Relative Urls
- Anchor tags & hrefs
- Linking to other websites
- Linking to other pages in websites
- Link to paragraph on same page
- Opening a link in a new browser window / tab
HTML Lists
- Unordered Lists
- Ordered Lists
- Numbered Lists
- Definition Lists
HTML Images
- Image tag & source attributes
- Using width, height & alt attribute
- Using horizontal rules
HTML Table
- Table Tag
- Row and Column related Tags
- Other Tags
HTML Forms
- Form Tag & attributes
- Input Fields Tag & attributes
- Button Tag & attributes
HTML Headers
- Head, Title Tags
- Link, Style and Script Tags
HTML Miscellaneous
Benefits of CSS
CSS Version History
CSS Syntax
External Style Sheet using Link tag
Multiple Style Sheet
CSS Selectors
- ID Selectors
- Class Selectors
- Grouping Selectors
- Universal Selectors
- Descendant / Child Selectors
- Attribute Selectors
- CSS - Pseudo Classes
CSS Color Background
CSS Cursor
CSS Text Fonts
CSS Lists
CSS Tables
CSS Box Models
- Borders & Outline
- Margin & Padding
- Height & Width
- CSS Dimensions
CSS Display Positioning
- CSS Visibility
- CSS Display
- CSS Scrollbars
- CSS Positioning
- CSS Layers
CSS Floats
- Float Property
- Clear Property
- Clearfix
Website Development Project - Building a Website