Build Real World Websites using HTML and CSS

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS), it forms a triad of the cornerstone technologies for the World Wide Web.

365 days course access

Live instructor-led online classes

Industry-based projects

Master the art of front-end designing with the art of programming.

E-box Job Assistant

Get noticed by the top hiring companies

Guide from “Amphi”

The Super teacher


  • 71 minutes of lecture Videos
  • 102 hands-on practice exercises
  • 20 Assessment exercises
  • 70 code analysis exercises
  • 170 knowledge based questions
  • 10 Live connect sessions
             (Master classes)
  • Lifetime access
Contact Us
+91 95669 33778

Build Real World Websites using HTML and CSS


This course will help you learn step by step all the fundamental concepts of HTML and CSS that you need to know to create a website. We cover how to properly use selectors to make it easier and move straight forward to select HTML elements. Making your own templates allows you to add your own creativity into your web pages. This course is perfect for anyone who wants to learn more about web development.


Upon successful completion of the course, the learner will be able to :
  • Understand HTML/CSS Basics, Images, Tables, Links, Lists, Forms, charts and media types and much more.
  • Transform designs of problem solutions into HTML/CSS programming languages.
  • Write the code and execute programs on an IDE.
  • Apply the testing techniques to find and resolve errors.
  • Understand the different aspects of front end web development.

Course Content

HTML Tags, Elements, Attributes

In this topic you are going to learn about HTML tag, elements and attributes. Tags are used to mark up the start and end of an HTML element. A start tag, content, and an end tag. An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element's start tag. An element's start tag may contain any number of space separated attribute/value pairs.

  • 1 Video
  • 12 Hours
  • 35 Problems

HTML Images

HTML Images are very essential to beautify your web sites. This session will take you through step by step process to use images in your web pages like embedding an image, alternate text for an image, how to specify the width and height of an image, different types of attributes, tags which is used to define image and also about HTML path which describes the location of a file in a web site's folder structure.

  • 1 Video
  • 7 Hours
  • 30 Problems

HTML Tables

HTML Tables are used to organize the data and present data in rows and columns, here you will learn about <table>,<tr>,<td>,<th> tags, Attributes like row span, col span ,HTML vertical align and cell padding & cellspacing attributes which is used to give your table cells a little more breathing room, By default, table cells tend to be squeezed close to each other.

  • 1 Video
  • 6 Hours
  • 28 Problems

HTML Links

Links are one of the fundamental technologies which make you to move from one page to another, In HTML links you are going to explore about <a> tag  which defines a hyperlink,href attribute which indicates the link's destination, <nav> tag which define a set of navigation links and how to refer social networks using html links.

  • 1 Video
  • 6 Hours
  • 30 Problems

HTML Lists

In HTML lists you would learn to present list of information in well formed and semantic way. You will get good knowledge about different types of HTML lists like ordered and unordered lists which is define using <ul> and <ol> tags , Description list which is used to display a list of terms and their descriptions and Nested list using <li> tag.

  • 1 Video
  • 5 Hours
  • 28 Problems

HTML Forms

HTML Forms will collect data from user and will deliver to web server for processing the data, it acts as a user interface between a web user and application, In HTML forms you will have better information about how you want to collect information from website users, designing your own forms by using <form> elements, will come to know about ‘autocomplete attribute’ which specifies whether or not an input field should have autocomplete enabled, placeholder attributes and ‘file upload’ which allow users to choose the image file they want to upload.

  • 1 Video
  • 9 Hours
  • 32 Problems

CSS Basic Styles

CSS is used to describe how HTML elements are to be displayed on screen. In CSS basic styles you will get exposure about background image styling, css font size, css internal and external styling, font style, style by class, color property, text transform and css column-count.

  • 1 Video
  • 9 Hours
  • 32 Problems

CSS Images & Links

In CSS Image and links you will learn to style the images and links using css properties like color, background, text decoration, responsive images which will automatically adjust to the screen size. In ‘CSS filter’ you will get knowledge to add visual effects and will get some information about CSS – Hover Flip .

  • 1 Video
  • 6 Hours
  • 33 Problems

CSS Tables, Borders & Margins

In this topic you will get to know how borders are set using border property, css using styling the table, striped tables using class and ids, display properties which is used to controlling layouts, and also you will get education about ‘Responsive Table’ which display a horizontal scroll bar if the screen is too small to display the full content.

  • 1 Video
  • 6 Hours
  • 31 Problems

CSS Lists, Padding & Cursors

The goal of this session is to provide knowledge about properties like CSS Padding which is used to define the space between the element content and the element border. CSS Cursor which controls how the mouse cursor will look like when it is located over the element in which this property is set. CSS list which is used to specify the position of the list-item markers and how to create a button with icon and text field with icons using CSS

  • 1 Video
  • 6 Hours
  • 31 Problems

CSS Charts, Media Types and Other Properties

This session will provide an insight about animation property like animation-name, animation-duration, animation-timing-function, animation-delay etc. The ‘video autoplay’ property which is used to play video automatically and <iframe> tag/ frameborder attribute which specifies whether or not to display a border.

  • 1 Video
  • 8 Hours
  • 52 Problems

Recommended Courses

You can opt for the following courses once you complete your ongoing course

About E-Box

E-Box is a Technology Enabled Active Learning and
Assessment platform for technology and engineering
domains apart from the basic LMS components like
quizzes, assignments, lesson components.

Connect with us