Html5 & CSS3

What is World Wide Web The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages that can be acces

1. What is HTML? HTML is the standard markup language for creating web pages and web applications. HTML stands for HyperText Markup Language. Markup language: A markup language is a comput

1. Nested HTML Elements It is very much allowed to keep one HTML element inside another HTML element: <h1>This is <i>italic</i> heading</h1> <p>This is <u>und

1. HTML Audio Html <audio> tag defines sound, such as music or other audio streams. Now, there are three supported audio file formats for the <audio> tag; those are given below;

1. Canvas Html5 introduce new tag <canvas> which is used to draw graphics on the web page. It draw graphics on web by using JavaScript. canvas is only a container for graphics you must nee

Task -1 Now your task is to create a web page the page should be placed in your webdesign folder and named index.html that shows the following elements.  Make sure all of your code is arranged p

What is CSS? Cascading Style Sheets, is a simple design language intended to simplify the process of making web pages presentable. CSS handles the look and feel part of a web page. Using CSS, yo

A style rule is made of three parts: Selector: A selector is an HTML tag at which a style will be applied. This could be any tag like <h1> or <table> etc. Property: A property

There are four ways to associate styles with your HTML document. Most commonly used methods are inline CSS and External CSS. Embedded CSS - The <style> Element You can put your CSS rules i

Before we start the actual exercise, we would like to give a brief idea about the CSS Measurement Units. CSS supports a number of measurements including absolute units such as inches, centimeters, poi

CSS uses color values to specify a color. Typically, these are used to set a color either for the foreground of an element (i.e., its text) or for the background of the element. They can also be used

This section  teaches you how to set backgrounds of various HTML elements. You can set the following background properties of an element: The background-color property is used to set the backgro

This section teaches you how to set fonts of a content, available in an HTML element. You can set the following font properties of an element: The font-family property is used to change the face

This section teaches you how to manipulate text using CSS properties. You can set the following text properties of an element: The color property is used to set the color of a text. The di

Images play an important role in any webpage. Though it is not recommended to include a lot of images, but it is still important to use good images wherever required. CSS plays a good role to contr

This section  teaches you how to set different properties of a hyper link using CSS. You can set the following properties of a hyperlink: We will revisit the same properties when we will discuss

This section teaches you how to set different properties of an HTML table using CSS. You can set the following properties of a table: The table-layout allows browsers to speed up the layout of a

The border properties allow you to specify how the border of the box representing an element should look. There are three properties of a border you can change: Border Properties Using Shorthand

The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. The values of the margin property are not inherited by the child elements. Re

The padding property allows you to specify how much space should appear between the content of an element and its border: The value of this attribute should be either a length, a percentage, or the

The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user. One good usage of this property is in using images for submit buttons on forms. By default,

You have seen the border that surrounds every box i.e. element, the padding that can appear inside each box, and the margin that can go around them. In this section, we will learn how to change the di

There may be a case when an element's content might be larger than the amount of space allocated to it. For example, the given width and height properties do not allow enough room to accommodate the c

One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device,

Task 1 Now your task is to create a web page the page should be placed in your webdesign folder and named index.html  I think already you have created this file with basic form fields in day 1 h

What is Bootstrap? Bootstrap is a free front-end framework for faster and easier web development Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables,

Task 1 Create a responsive html page with bootstrap for below layout. Before start this page you should know all the components in bootstrap  from http://getbootstrap.com/   Tas

Task 1 Create a responsive html page with bootstrap for below layout. Task 2 Create a responsive html page with bootstrap for below layout.      

Task 1 - Create a responsive html page with bootstrap for below layout. You can use dummy contents and images from google. Task 2 Create a responsive html page with bootstrap for below