The mega menu includes the menus with dropdown menus. The dropdown will have a complete setup for creating rows and columns and adding content like this − The mega menu i.e., the full-width dropdown menu in a navigation bar appears like this − On clicking the Projects dropdown menu, the dropdown menu appears − Set the Navigation Menu We have set the menu links inside the Home About Contact Us More Info Style the Menu and Links The navigation menu ... Read More

Dropdown navigation is a nav bar that contain dropdown option. You will see a lot of websites where 3rd or 4th item of the navigation has the dropdown feature. When there are multiple options to render on nav bar item on the same category thats where you will need to develop a dropdown navigation bar. Suppose you are providing multiple types of services then you can not render all of them openly on the nav bar, you will put all of them in a dropdown. It is similar to hoverable dropdown menu. Steps to Create a Dorpdown Navbar ... Read More

HTML email is also an email, but it is formatted similar like Webpages, using graphics, colors, links and table columns. Now, imagine any news letter which you have received earlier from a service, that’s how HTML email looks like, whereas plain text is an email which does include only text. Imagine typical inter-office email communication. That’s how plain text email looks like.In general, email marketers do not debate which format is best. The HTML email converts in a better manner for marketing test always. However, few factors you must consider before deciding which email format to use. Lastly, there is ... Read More

:focus:focus selector is used to applying a required style when a form element got to focus like button, link, input box. An element can get focus using mouse or using tab key. A focus remains on the element until another element gets focus.:active:active selector is used to indicating that an anchor tag is active or a button is active. When the mouse is down, active selector applies and remains applied till the mouse is down.ExampleFollowing the example, shows usage of :focus as well as :active selector on button and link.    Selector Example           ... Read More

Before moving to the difference between both of these broader terms first it is important to define the mark up language as abbreviation for HTML is Hyper Text Mark-up Language where mark-up language is used to define the text document within tag which defines the structure of web pages.So HTML is the combination of Hypertext and Mark-up language.As already understood that HTML 5 is the advance version of HTML so on the basis of additional features in HTML 5 there are notable differences.Following are the important differences between HTML and HTML 5Sr. No.KeyHTMLHTML 51AV supportAs HTML is the initial version ... Read More

Adding CSS to an HTML document enhances the appearance of the web page. Various styles for the images, borders, margins, colors, can be easily added. To include CSS in HTML documents, we can either include them internally, inline or link an external file. Let us understand them with examples. Syntax The syntax for including CSS files in HTML is as follows − /*inline*/ /*internal*/ /*declarations*/ /*external*/ The following examples shows the linking of CSS file ... Read More

We can float elements with CSS float property to either the left or right of the containing parent element. Other elements are placed around the floated content. Multiple elements with same value of float property enabled are all placed adjacently. Float Left In this example, the image is placed on the left using the float property with the value left. To set the right margins properly, we have set it using the margin-right property − img { float: left; margin-right:20px; } Example Let us see an example to float elements to the left − ... Read More

The HTML DOM Window stop() provides user the functionality to stop loading the resources of a window without clicking the browser stop button.SyntaxFollowing is the syntax −window.stop()ExampleLet us see an example of HTML DOM Window stop() method − HTML DOM Window stop()    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;                   ... Read More

The HTML DOM Window parent property returns a reference to the parent window of the child window.SyntaxFollowing is the syntax −Returning reference of parent windowwindow.parentExampleLet us see an example of HTML DOM Window parent property − HTML DOM Window parent    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;                    HTML-DOM-Window-parent   ... Read More

The HTML DOM Window opener property returns a reference to the parent window that launched/created the child window using open().SyntaxFollowing is the syntax −Returning reference of parent windowwindow.openerExampleLet us see an example of HTML DOM Window opener property − HTML DOM Window opener    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;                 ... Read More