×
Home Discussions Write at Opengenus IQ
×
  • DSA Cheatsheet
  • HOME
  • Track your progress
  • Deep Learning (FREE)
  • Join our Internship 🎓
  • RANDOM
  • One Liner

HTML

HTML is a markup language used to structure documents on the web. On top of HTML, CSS is used for styling and JavaScript for functionality. HTML is not a programming language but is a must know for web developers.

Web Development

Modal using CSS only

In this article, we will implement a Modal using only plain CSS without the help of JavaScript.

Prashant Bambulage
HTML

Favicon in HTML

In this article, we'll explore favicons in HTML. A favicon is a small icon displayed left of the page title in a browser tab. It is loaded directly from the page requested, and is usually a logo representing the owner of the site.

Alan Chacko
Web Development

Clearfix in Bootstrap

Clearfix is a straightforward way for removing the floating of an element in a container that is linked to its child element without the need of any additional markup.

Adelaide Guidotti
Software Engineering

Display Live Time and Date on HTML Page

We have presented the HTML and JavaScript code to Display Live Time and Date on HTML Page. JavaScript date object and HTML span element can be used to display the current date and time. By default JavaScript use the browser's timezone to display time and date.

AASHISH
Web Development

Which selectors to use: id or class?

We have explained the idea of Selectors in HTML and Selectors in CSS. This involves id and class selectors along with code examples.

Katia Kaori Kaminishikwahara Katia Kaori Kaminishikwahara
Software Engineering

footer tag in HTML

The "footer" tag is normally used for defining the footer or end part of a section on html page. Each "footer" will have information about its containing element. The "footer" will have information about the article and the page author.

Zvinodashe Mupambirei
Software Engineering

Different ways to center elements in HTML

In this article, we have discussed Different ways to center elements in HTML. Firstly we'll discuss on the Introduction to the article. Later part, we'll understand ways of centering elements of HTML elements - Horizontally, in-line with other elements and at exact center.

Shiva Basava P Shiva Basava P
Software Engineering

Develop a year Progress bar in HTML/ JS

In this article, we have developed a year Progress bar in HTML using JavaScript. We have explained the calculation and implementation in HTML and CSS for the frontend and JavaScript for the calculation.

Shiva Basava P Shiva Basava P
Software Engineering

Forms in HTML

HTML Forms are used to collect information from users, such as a user name, email address, passwords, etc. There are various sorts of form controls that you can use to gather information utilizing HTML forms such as text field and others.

Anastasia Mendoza
Software Engineering

<body> Learn about Body Tag </body>

body tag defines the body of the webpage. All the basic content of a webpage including heading, paragraph are defined inside the body tag.

Sneha Gupta
Software Engineering

<html> tag in HTML

in HTML is the parent tag, that contains each and every element tags of the HTML document inside of it, except for the tag.

Ashvith Shetty
Software Engineering

<Button> tag in HTML web pages

Button are HTML elements that give a sense of click on webpages. Buttons can be formatted and styled using CSS. We can add javascript codes too to make the buttons interactive.

Rashmitha
Software Engineering

<datalist> element in HTML

Datalist element in HTML is used to specify a set of options/suggestions for the input Element and thus provide a dropdown to choose from , based on user input.

FAHAD ISRAR FAHAD ISRAR
Software Engineering

Learn DOM by building a Roll the Dice game

In this article, we will introduce you to important DOM concepts by building roll the dice game. This article will be divided into five core sections so that you can follow along.

Shannon Zhong Shannon Zhong
Software Engineering

Learn to use Bootstrap tables

In this post, we will learn to create different tables using Bootrap. It provides a clean layout for building tables. Bootstrap has a number of default classes which will be used.

Arghadip Chakraborty
Software Engineering

embed tag in HTML

In this article, we have explored embed tag in HTML which is used to add different media contents like image, video, PDF file and others into a HTML file. We explored it in depth and saw how its style can be changed using CSS and behavior modified by JavaScript.

Gauhar Ayub Khan Gauhar Ayub Khan
Software Engineering

HTML <span> tag explained

Span tag in HTML is an inline element which can be used to apply special styling (using CSS) or behaviour (using JavaScript) to a specific component in a div, p and other tags.

Saksham Singh Saksham Singh
Software Engineering

HEAD Tag in HTML

The tag in HTML contains all the header elements. The tag is written after the tag and before the tag. Any text written under the tag is not shown on the webpage.

Sughosh S Durg
Software Engineering

Working with Navigator property of DOM

In this article, we will look into navigator property of window object of a web document and use it to get information about the browser and load different code depending on browser.

Dawit U
Software Engineering

Learn to use ID selector in CSS

In this article we will be discussing CSS Id selector along with different aspects such as using same id with different elements, selecting multiple ids and many more

Rashmi V Abbigeri
Software Engineering

Learn about sending Push notification using Push API

The Push API gives web applications the ability to receive messages pushed to them from a server on a user agent

Siddharth Gusain Siddharth Gusain
Software Engineering

Learn to work with files on the Web using File API

With HTML5 file API it is possible for JavaScript to process a file locally, e.g. compress, encode or encrypt it

Siddharth Gusain Siddharth Gusain
Software Engineering

Use Media queries to fix rendering on mobile devices

In this article we will be using media queries to implement responsive design. It presents the same content differently on different size screens

Anish Mendiratta
Software Engineering

Using MathML (math tag) in HTML

In this article, we will explore MathML and see how we can use it to render Mathematical equations on our HTML pages.

Abhinav Prakash Abhinav Prakash
Software Engineering

Customize Fonts in your HTML page and make them responsive

Today, Computers have different fonts due to the contribution of Steve Jobs. In this article, we will look into customizing fonts in HTML.

Abhinav Prakash Abhinav Prakash
OpenGenus IQ © 2025 All rights reserved â„¢
Contact - Email: team@opengenus.org
Primary Address: JR Shinjuku Miraina Tower, Tokyo, Shinjuku 160-0022, JP
Office #2: Commercial Complex D4, Delhi, Delhi 110017, IN
Top Posts LinkedIn Twitter
Android App
Apply for Internship