HTML Online Course

HTML Online Course

This beginner-friendly course introduces HTML and CSS, guiding you through creating your first webpage. You’ll learn the basics of structuring content, formatting text, adding images, links, and tables, and applying CSS for design and layout. By the end, you’ll be able to write HTML code confidently, style pages with CSS, and build a functional website from scratch.

Who should take this Course?

The HTML and CSS Online Course is ideal for beginners, students, and aspiring web developers who want to build a strong foundation in front-end web development. It is also suitable for designers, hobbyists, and professionals from non-technical backgrounds looking to create and style responsive, visually appealing websites using HTML and CSS.

What you will learn

• Develop a website from scratch
• Understand the working operations of a website and web pages
• Implement CSS styles on an HTML web page
• Format text, add images and links, and create tables on a web page
• Create your first HTML web page and explore a website's structure
• Explore concepts of responsive web design

Course Outline

HTML Basics – Getting Started

• Introduction and Create an HTML Document
• Headings in HTML
• Title in HTML
• Paragraphs in HTML
• Understanding Head in HTML
• Horizontal Rule in HTML
• Comments in HTML

HTML Formatting

• Make Text Bold
• Make Text Italic
• Create Small Font
• Mark Inserted Text
• Mark Deleted Text
• Mark Strikethrough text
• Superscript Text

HTML CSS Styles

• Stylesheets in HTML
• External Stylesheet in HTML
• Internal CSS in HTML
• Inline CSS in HTML
• Set Background Color in HTML
• Change Text Color in HTML
• Underline a Text in HTML
• Change Text Size in HTML
• Change Text Font Family in HTML
• Change Text Alignment in HTML
• Set Text Direction in HTML
• Display Text Right to Left in HTML
• Change Alignment of Heading in HTML

Images in HTML

• Insert Image in a Web Page
• Image Height and Width Attributes in HTML
• Set Image on a Web Page in HTML
• How to Use the Image as a Link in HTML
• Set Background Image on a Web Page in HTML
• Set Image on a Web Page from an External Website
• Set Image on a Web Page from a Local Computer in HTML
• Make an Image Responsive in HTML
• Floating Image in HTML

Links in HTML

• Add Links on a Web Page
• The href Attribute in HTML
• Insert Hyperlink in HTML
• Change the Color of Links in HTML
• Change the Target of a Link in HTML
• Remove Underline from a Link in HTML
• Create a Link to Send Email in HTML
• Create a Link to Send an Email with the Subject in HTML

HTML Quotation and Citation

• Quotation Marks in HTML
• Blockquote in HTML
• Markup Postal Address in HTML
• Abbreviation or Acronym in HTML
• Set Work Title in HTML

HTML CSS Styles

• Create Tables in an HTML Web Page
• Create Table Header in HTML
• Create Table Rows and Columns in HTML
• Set Table Width in HTML
• Set Table Cell Padding in HTML
• Set Cell Width and Height in HTML
• Merge Table Cells in HTML
• Merge Table Columns in HTML
• Table Rowspan and Colspan in HTML
• Set Horizontal Header for a TABLE
• Set Vertical Header for a Table