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.
In this module, 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. 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 by attribute/value pairs.
HTML Images are very essential to beautify your web sites. This module 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.
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, cell padding & cellspacing 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.
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 defines a set of navigation links and how to refer social networks using HTML links.
In HTML lists, you would learn to present list of information in a well formed and semantic way. You will get good knowledge about different types of HTML lists like ordered and unordered lists, which is defined 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.
In this module, you would learn 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, you will come to know about “autocomplete attribute” which specifies whether an input field should have autocomplete enabled or not, placeholder attributes and ‘file upload’ which allow users to choose the file they want to upload.
In this module, you would learn about CSS Basic Styles. CSS is used to describe how HTML elements are to be displayed on screen. In this module, 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 and much more.
In this module, 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 on how to add visual effects and will get some information about CSS – Hover Flip.
In this module, 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.
The goal of this module 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
This module 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.
This module will provide you an deep understanding of how HTML and CSS works behind the scenes by solving case studies like Wikipedia, Game of thrones, and Event Star websites.
In this module, you will get full knowledge about how HTML and CSS provides dynamic interactivity on websites by working on some real time projects like page designing and also there will be some good programming practice tips throughout this module.
In this module, lets do a assessment on the knowledge & skill acquired and the confidence on completing our objectives defined in previous modules.
Learning through E-Box is completely Hands-on and practice based thereby helping you understand the intricacies of Live Project Scenarios
E-Box’s programs and Courses are designed by Professionals in the Industry & Academicians, assuring a quality learning experience
With 100’s Mentors online ready to get your Doubts clarified and to Hand Hold you, you will always have someone to sort things our for you
All our Mentors are Top Professionals from their respective Industries. In E-Box you Learn and get mentored by professionals
Auto Evaluation is the Core of E-Box. Your solutions and answers are evaluated instantaneously by E-Box, thereby saving learners a lot of time
With Auto - Evaluation being the core of the Platform, E-Box uses AI & ML to assist Learners during their course of Study
E-Box’s AI algorithms provide you with Exercises that are Personalised and Adaptive based on your Interest and Calibre
Data becomes the core for evolving a personalised learning. E-Box uses these metrics for an Auto Corrective Learning Process