Web Development and Design Using HTML and CSS

This training course covers the following topics:

In this module, we will get you started with important concepts and syntax, looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a web page.

• History of HTML
• What you need to do to get going and make your first HTML page
• What are HTML Tags and Attributes?
• HTML Tag vs. Element
• HTML Attributes
• How to differentiate HTML Document Versions

HTML-Basic Formatting Tags

In this module, we will see how HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other available elements or even a new element that you define.

• HTML Basic Tags
• HTML Formatting Tags

HTML Lists

In this module, we will see how HTML element is used to represent an item in a list. It must be contained in a parent element:

• Unordered Lists
• Ordered Lists

HTML Images

There are many types of multimedia to consider when creating a web page, but it is logical to start with the humble img element, used to embed a simple image in a web page. This module will show you how to embed images into a web page.

HTML Hyperlinks

Hyperlinks are found in all web pages. They allow users to click their way from page to page. This module shows the syntax required to make a link and discusses link best practices.

• URL - Uniform Resource Locator
• URL Encoding

HTML Table

The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. This module covers basic table markup.

• table
• thead
• th
• tr
• td
• tbody

HTML Forms

Forms are a very important part of the Web — these provide much of the functionality you need for interacting with websites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side parts of forms.

• form
• input
• textarea
• select
• button
• label

Other HTML Elements            

 In this module, The HTML element represents metadata that cannot be represented by other HTML meta-related elements, like:

• base
• link
• script
• title

Introduction To CSS

Cascading Style Sheet is used to style web pages layout and appearance — for example, set color, alter the font, spacing and font size of your content, split a web page into multiple divisions, or add animations and other user-pleasing features. This module gets you started on the path to CSS mastery with the basics of how it works, including:

• Selectors and properties,
• Writing CSS rules
• Applying CSS to HTML
• How to specify length, color, and other units in CSS
• Cascade and inheritance
• Debugging CSS.