CSS Align

CSS Center Align Elements CSS center align is used to create align by using block element. You should specify margin: auto;properties. The element will take up the specified width and the remaining space. It will split equally between the two margins: …

Read moreCSS Align

CSS Width

You can set the width of the content area of an element. It does not include padding borders or margins. You can set width of the area inside the border, padding, and margin of the element. Value Description auto It …

Read moreCSS Width

CSS Word Wrap

It is used to breaks the long words and wrap to the next line. It avoid the overflow when an unbreakable string is too long to fit in the containing box. CSS Word Wrap Values Wrap value Description normal It …

Read moreCSS Word Wrap

CSS counter

CSS counter are the variable maintained by the CSS. It will increase whose value by using CSS rules. Automatic Numbering with counter There are various CSS counters properties that are given below: counter-reset: It is used to create or resets a …

Read moreCSS counter

CSS Form

You can create attractive HTML form by using CSS. Style input Fields The Input Field width properties are used to determine the width of the input field. Let us see an example of CSS style input fields:

Try Now Note: If …

Read moreCSS Form

HTML Tutorial

This HTML tutorial helps beginners and professionals to learn HTML easily. HTML is a widely used web technology for website development. It stands for Hyper Text Markup Language. It is mainly used to create web pages which are static in nature. What …

Read moreHTML Tutorial


As explained earlier, elements in Html is known as tags. Html consist of huge number of tags but it is divided into two categories. Empty tags: All the tags which is not closed or self-closed tags. E.g. <br>, <img>, <link> etc. …

Read moreHTML Tags

HTML Basic Tags

Heading Tags: This tag represents the document header. It is said to be a good practice if every document starts with Heading. Heading tags ranges from H1 to H6 i.e. six different levels where H1 is max size and H6 …

Read moreHTML Basic Tags

HTML Attributes

HTML Attributes provide the additional information about HTML elements. Attributes are always specified in the start tag. Attributes usually comes in pairs. lang Attribute This attribute helps in declaring the language of the document. Lang Attribute in case of whole …

Read moreHTML Attributes

HTML Text Format

It is a process of formatting text for better look and feel of the text. There are many ways to format tags using different tags such as: <b> – Bold text: It defines Bold text without any importance. <strong> – Important text: It defines Strong …

Read moreHTML Text Format

HTML Links

It consist of anchor element which is used to create a link between a source anchor and destination anchor. The anchor tag can be embedded between text, image, video or button. HTML Links Syntax:

Example: <a href=”https://www.tutorialandexample.com”>Tutorial for Html</a> Here, <a>: Anchor …

Read moreHTML Links

HTML Images

HTML has <img> tag to display image on the web pages or web application. This tag is an empty tag i.e. we don’t have to close this tag while using. SYNTAX:


Try Now Output: Image tag Example …

Read moreHTML Images

HTML Frames

Frames in Html is used to divide the browser into different sections where each section can load different Html documents. Collection of frame is known as Frameset. Creating frames:We use frameset instead of body tag to divide web page into …

Read moreHTML Frames

HTML Lists

Html Lists are used to enlist the items in a particular order or list. Html List is of 3 types. Ordered Lists (ol) Un-Ordered Lists (ul) Description Lists (dl) Ordered List: It is also known as numbered list, here list items …

Read moreHTML Lists

HTML Forms

Forms are required when we want to collect data from the user. Html forms consists of different fields to take user inputs such as: input, text area, checkbox, password, radio button etc. Many languages are embedded with html forms to …

Read moreHTML Forms

HTML References

BASIC HTML TAGS TAGS DESCRIPTION <!DOCTYPE> Defines Document Type <html> Defines Html document <head> Defines Header of document <title> Defines Title of document <body> Describe all the content of document <h1> to <h6> Defines Html Heading <p> Write Paragraph in …

Read moreHTML References

HTML Canvas

HTML5 CANVAS: It is used to draw graphics using JavaScript. <canvas> is only the graphic container actual graphics is designed by JavaScript. Canvas tag cab be used to designed paths, boxes, circles, text and adding images. Examples: <canvas id=“myCanvas” width=“200” height=“100” style=“border:1px solid #000000;”> Your browser does not support the HTML5 canvas tag. </canvas> …

Read moreHTML Canvas


HTML SVG: SVG stands for Scalable Vector Graphics which defines the graphics for the web. It is a language for describing 2-D graphics in XML. Each drawn shape in SVG is an object.

Try Now Output:

Try Now Output: …

Read moreHTML SVG

HTML Audio

HTML AUDIO: HTML5 provides a method to embed the audio file into a webpage by using HTML5. Before HTML5 audio files is used to play on the browser with the help of plug-ins such as flash etc. Syntax:


Read moreHTML Audio

HTML Video

HTML VIDEO: HTML5 has introduced the <video> tag to embed video into the webpage directly without using the plug-ins. Syntax:

Try Now Output:

❮ Prev