Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Web Development Articles
Page 102 of 801
How to Insert an Image in HTML Page?
To insert an image in HTML page is a very common and easy task that enhances the appearance of any web page. It makes a web page look more attractive and visually engaging. In this article, we will explore three different approaches to insert an image in HTML page using HTML tags and CSS properties. Each method serves different purposes and offers unique advantages depending on your specific requirements. Approaches to Insert an Image in HTML Page Here is a list of approaches to insert an image in HTML page which we will be discussing in this ...
Read MoreHow to Change the Color of Links in HTML?
HTML links are hyperlinks that connect one web page to another. By default, links appear in specific colors: unvisited links are blue and underlined, visited links are purple and underlined, and active links are red and underlined. However, we can customize these colors using CSS to match our website's design. Syntax Following is the basic syntax for creating HTML links − Link text To change link colors, we use CSS pseudo-classes with the following syntax − a:link { color: colorname; } /* Unvisited link */ a:visited { ...
Read MoreHow to create an unordered list with circle bullets in HTML?
An unordered list displays a collection of items marked with bullets such as circles, discs, or squares. The tag creates the list container, while tags define individual list items. By default, unordered lists use solid disc bullets, but you can customize the bullet style using CSS. To create circle bullets specifically, you use the CSS list-style-type property with the value circle. This property can be applied either inline with the style attribute or through external CSS stylesheets. Syntax Following is the syntax to create an unordered list with circle bullets − ...
Read MoreHow to Create an Unordered List with Image Bullets in HTML?
An unordered list in HTML displays items without any numbering or ordering. It is created using the tag with individual list items defined using tags. By default, unordered lists use simple bullet points, but we can customize these bullets to use images for a more visually appealing design. HTML provides several built-in bullet styles for unordered lists − disc − Creates solid circular bullets (default style) circle − Creates hollow circular bullets square − Creates solid square bullets none − Removes all bullet markers Beyond ...
Read MoreHow to add a list item in HTML?
To add a list item in HTML, use the tag. It can be used inside ordered lists (), unordered lists (), and menu lists (). In an ordered list, the list items are displayed with numbers or letters. In an unordered list and menu list, the list items are displayed with bullet points. Syntax Following is the syntax for the list item tag in HTML − Content The tag must be placed inside a list container like , , or . Attributes The tag supports the following specific attributes ...
Read MoreHow to display a summary for a given in HTML5?
The tag in HTML5 provides a visible heading for the element. When users click the summary heading, it toggles the visibility of the additional content inside the details element, creating an interactive collapsible section. The tag must be the first child element of the tag. If no summary is provided, the browser displays a default disclosure triangle or "Details" text. Syntax Following is the syntax for using the element − Heading text The tag supports all global attributes ...
Read MoreHow do we add a table row in HTML?
In this article, we will learn to add a table row in HTML. Tables are a fundamental part of web development, used to display structured data in rows and columns. In HTML, you can add table rows using the (table row) element inside a structure. Syntax Following is the syntax for adding a table row in HTML − Cell content Cell content Basic Table Structure Before adding rows, let's ...
Read MoreHow to use GoJS HTML5 Canvas Library for drawing diagrams and graphs?
GoJS is a powerful JavaScript library for creating interactive diagrams, flowcharts, organizational charts, and network graphs on HTML5 Canvas. It provides a model-view architecture where Models hold arrays of JavaScript objects describing nodes and links, while Diagrams act as views to visualize this data using actual Node and Link objects. When you construct a diagram with GoJS, it creates an HTML5 Canvas element that gets placed inside a specified DIV element on your web page. This makes it ideal for creating dynamic, interactive visualizations that users can manipulate. Getting Started with GoJS To start using GoJS, you ...
Read MoreHow to use small font in HTML?
To create small font text in HTML, use the CSS font-size property with the style attribute. Since HTML5 deprecated the tag, CSS is the modern standard for controlling font sizes. You can specify font size in various units like pixels (px), em, rem, or percentages. The inline style attribute overrides any global styles defined in external CSS files or within tags in the document head. Syntax Following is the syntax for setting small font using inline CSS − Content Where value can be specified in pixels (px), em units, rem units, ...
Read MoreHow to mark inserted text in HTML?
In HTML, inserted text refers to content that has been added to a document. The tag is the semantic way to mark text as inserted, which browsers typically display with an underline to indicate the addition. The tag is particularly useful in document versioning, collaborative editing, and showing changes or updates to content. It provides semantic meaning that assistive technologies can understand, unlike purely visual styling approaches. Syntax Following is the syntax for the tag − The text to be inserted The tag supports optional attributes − ...
Read More