HTML Structure

Paired Tags: Heading, Paragraph, Font, Quote, Mark, Del, Sup, Sub, Marquee, Center

Impaired Tags: Image, Br, Hr

Ordered and Unordered List

Detail and Summary

Table Structuring: Border, Cellspacing, Cellpadding, Colspan, Rowspan, Bordercolor, Align

Creating Forms

Input tags and its properties

Buttons (submit, reset)

Fieldset and Legend

Use of Anchor Tag

Iframes for Google Maps and YouTube

HTML Symbols and Emojis

HTML Project – Mini Website

Types of CSS (internal, external, inline)

Box Model using DIV

Colors, Alignments, Paddings, Margins, Borders

Decorate the images, tables and forms with multiple CSS properties.

Top Navigation menus

Dropdown menu

List of data in footers

Change color on Hover

Shadow on Hover

Hide/Show content on hover

CSS Cards

Product Gallery

Setting up Bootstrap (CDN, downloading files)

Introduction to responsive layout

Understanding Container and Container-fluid

Understanding Rows and Columns

Make responsive table and images

Image alignment and captions

Creating buttons with Bootstrap classes

Styling forms (inputs, checkboxes, radios)

Button groups and form layouts

Overview of components: Navbar, Cards

Navbar components (link, logo, search)

Card components (simple, groups, images)

Modals and Alerts

Carousel

Using Badges and Progress bars

Project work