Web Development Course

The course covers introductory HTML, and CSS. This course will help you learn the basics of web development through HTML language.

The course is free and available for Registered Members. A certificate of completion is provided at the end of the course.

1. Basic HTML

Introduction to HTML

Tags and Elements; Attributes; Basic HTML Structure: html, head, body; Doctype; Comments

HTML Headings, Paragraph and Line Breaks

Content Structure: Headings (h1 to h6); Paragraphs (p); Line Break (br)

HTML Hyperlinks

Basic link tag (a); Target attribute; Link to email; URL structure; Absolute and relative URLs

HTML Images

Image tag; Figure and figcation; Image formats (GIF, JPG, PNG)

HTML Tables

Basic table tags: table, tr, th, td; Table border; Spanning columns and rows (colspan, rowspan)

HTML Lists

Unordered list (ul, li), Attribute (list-style-type); Ordered list (ol, li), Attributes (type, start, reversed); Definition list (dl, dt, dd)

HTML Web Forms

Action and method attributes; Input elements; HTML5 input elements; Select element; textarea element; HTML5 form attributes
2. Advance HTML

HTML5 Semantic Markup

header, nav, section, article, aside, footer, other semantic elements

HTML and Microdata

Introduction, Global Attributes

Open Graph Meta Tags

title, url, image, type, description
3. CSS

Introduction To CSS

Adding CSS: Direct, Internal, External; Selectors: Element, Class, ID; Relational Selectors; Inheritance and Grouping

Background, Borders and Fonts

background-color, background-image; CSS Box Properties; border, padding, margin; font-family, font-size, color, font-weight, font-style, letter-spacing

Styling Elements Using CSS

Text, Images, Links, Lists, Tables, Forms; Navigation Bar

CSS3

Colors, Shadow and Blur Effect, Transforms and Transitions, Gradients and Multiple Backgrounds