Makitweb Posts

Tab content area occupies less space and can handle a lot of information on the web page. It displays multiple sections in a neat way.

It is used to display related information e.g. displaying different types of settings forms.

This makes easier for the user to quickly switch from one section to the other.

In this tutorial, I show how you can create a simple Tab layout with HTML, CSS, and jQuery.

Simple Tab content area with HTML, CSS and jQuery


In this tutorial, creating the accordion using HTML, CSS, and jQuery.

The accordion is a vertically stacked list of items. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

Accordions are popular because they allow developers to force large amounts of content into tiny spaces on the page.

How to make Accordion with HTML, CSS and jQuery



When we adding Javascript code to HTML page then it must be in between <script> and </script> tags. We can place Javascript in <body> and <head> section of an HTML…


A comment is a part of the program which doesn’t execute when running the program.

Its only purpose is to be read by someone who is editing the code.

In JavaScript, there are two types of comments –

  • Single line, and
  • Multiple lines

How to add comment in JavaScript


All programming language have decision-making statements which allow us to control the flow of the program.

You can define what code to be executed when the condition is TRUE and when it’s FALSE.

PHP decision making and switch statements


Form handling is one of the common tasks when creating the project in PHP. There are various methods are available for this and they are good according to the situation.

You can either pass the form data by URL and hidden them from the user.

Form handling with GET, POST, and REQUEST in PHP