html - OpenGenus IQ: Learn Computer Science

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.

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.

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.

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

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

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

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

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.

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.

software engineering

Understanding storageSession in HTML with an example

sessionStorage property is used to access a session Storage object for the current origin URL. It works similar to localStorage

software engineering

Metadata: Give your webpages the information it needs

The tag provides information about a webpage. This metadata is not displayed on the webpage but is machine parse-able.

software engineering

Viewport: Adjust your webpage size according to user's device

Viewport is the area of a web page which is visible to the user. It is not fixed in size, and varies with the size of the screen of different devices.

software engineering

Understanding Z-Index Property in CSS

When HTML elements are positioned explicitly, they may overlap with each other. The Z-index property is used to specify the Stack order of HTML elements.

software engineering

Understanding Position Property in CSS

CSS position property is used to specify the position of HTML element in the webpage. We covered static, relative, fixed, sticky and absolute position.

software engineering

Using Padding property in CSS

CSS Padding property is used to create spacing between content of HTML Element and the border (if specified) around it.

software engineering

Adding Margin around HTML elements using CSS

CSS Margin property is used to create space between webpage border and HTML Element's border (if defined using CSS Border property).

software engineering

Adding Border around HTML elements using CSS

In this article, we will explore the basics of CSS for adding different borders around HTML elements.

software engineering

Understanding the use of Headings in HTML

In this article, we explored the use of headings in HTML. There are 6 levels of HTML and different attributes like nowrap

software engineering

Implementing Drag and Drop feature in HTML

We have taken a look into the drap and drop feature in HTML and implemented a demo to illustrate how to implement and use it.

software engineering

Master the use of Links in HTML

In this article, we will learn about working with links in HTML like an expert. We will see how to create a link?, Different types of links like local, external, target attributes for links and other features like bookmarking a links, using CSS styling

software engineering

Understanding and using ID and class attributes in HTML

In this article, we will take a deep look into using ID and class attributes with different HTML elements and how specific JavaScript and CSS code can to applied to different HTML elements using it.

software engineering

Learn to use Tables in HTML

We have taken a deep look into using table elements in HTML and the different components and designs we can achieve.

software engineering

Learn to use Lists in HTML

We have taken a deep look into using list elements in HTML and the different designs we can achieve.

software engineering

Using CSS to print an HTML webpage nicely

You will learn ow to use CSS to make printing a webpage convenient? along with features like adding page break, hiding particular part from printing and others, How to block an user from printing a webpage? and a demonstration to clarify the ideas involved

software engineering

Work with files on the web using FileReader API in JavaScript

FileReader object helps in reading data from a file or a Blob and store it in a JavaScript variable. The read is done asynchronously so as not to block the browser.