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
Articles by Eesha Gandhi
Page 4 of 5
How to Handle Page Breaks when Printing a Large HTML Table?
In HTML, when we have to print a table with many rows, there is an issue of keeping the data together when the page ends. When page breaks are not monitored, they can also split a row into two halves and cut the table in an abrupt manner. It can mess up the entire formatting and disrupt the layout. In this tutorial, we will explore the methods for printing the contents of a table with many rows when a page break occurs. The page-break-inside and page-break-auto The CSS page-break property can be used to handle page-breaks when we have a ...
Read MoreHow to Divide a Horizontal Line into Multiple Parts?
In HTML, the tag stands for horizontal rule and is most commonly displayed as a horizontal line used to separate content (or define a change) in an HTML page. The tag is an empty tag that does not need to be followed by a closing tag. Following is the syntax of this tag – ... It supports the following attributes: align: It determines the rule's alignment (left/ centre/ right) on the page. The default value(left) is used if no value is specified. color: It sets the rule's colour using a colour name or hexadecimal value. ...
Read MoreHow to Display an Ordered List with Nested Counters?
A list is a record of short pieces of related information used to display the data or any information in web pages in an ordered or unordered form. Lists are used to group related pieces of information together so that they are clearly associated with one another and easy to read. They are beneficial from a structural point of view because they aid in the creation of a well-structured, more accessible, and easy-to-maintain document. They are also useful because they provide specialized elements to which CSS styles can be applied. HTML lists enable web developers to organize a collection of ...
Read MoreHow to Disable Word Wrapping in HTML?
Word wrapping is the process of automatically moving a word at the end of a line onto a new line in order to keep the text within the margins. In HTML, this translates to the very fact that text within an element wraps according to the bounds of that element.Example Let us consider an example where we have a element with some text and it is styled to have a fixed width. div{ ...
Read MoreHow to Force the Content Of the <Div> Element to Stay on the Same Line?
The or division tag is used to group HTML elements in a web page, allowing us to create distinct sections with similar functionality that can be easily styled using the Id or class attribute. A HTML is a block-level element that, by default, does not display any other HTML elements adjacent to it. Div is the most useful tag in web development because it allows us to separate data in web pages and create specific sections for specific data or functions in web pages. It is used in pairs. The content is written in between the opening ...
Read MoreHow to Control the Space between Bullets and <li> Elements?
A list is a collection of short pieces of related information that can be used to display data or information on web pages in either an ordered or unordered format. HTML Lists are used to specify informational lists. All lists can have one or more list elements. There are three kinds of HTML lists: Ordered or numbered list (ol): This will list items using schemes of numbers. Unordered or Bulleted List (ul): This will list items using plain bullets. List of Definitions or List of Descriptions (dl): This will arrange items in the dictionary format. We can make ...
Read MoreHow to Create Mailto Forms?
The HTML element represents a document section with interactive controls for submitting data. It is a container for input elements such as text, email, numbers, radio buttons, checkboxes, submit buttons, and so on. Forms are created by embedding input fields within paragraphs, preformatted text, lists, and tables. This provides a great deal of freedom in designing form layouts. Following is the syntax – There are numerous form elements. A few of them are discussed below: input: It specifies a data entry field for the user. label: It defines a label for ...
Read MoreHow to Create Checkbox with a Clickable Label?
The HTML tag is used to define the square boxes that are ticked (checked) when activated. Checkboxes are used to allow a user to select one or more options from a limited number of options. The type attribute of the element, as shown in the following syntax, creates it. Checkbox supports the following attributes: Checked: A Boolean attribute that indicates whether this checkbox is checked by default (when the page loads). It does not indicate whether this checkbox is currently checked: if the checkbox's state changes, this content attribute does not update. Value: The value ...
Read MoreHow to Create Button with Line Breaks?
The HTML element is an interactive element that a user can activate with a mouse click or keyboard shortcut. It performs a programmable action, such as submitting a form or opening a dialogue, once activated. Buttons are typically created using the HTML , or tags. Syntax Apart from the ‘type’ attribute, the button tag uses other attributes such as autofocus, disabled, form, formaction, formmethod, value etc. When a button contains a long text it becomes necessary to add line breaks while creating it. There are a couple of ways of achieving this as discussed ...
Read MoreHow to Create an HTML Table with a Fixed Left Column and Scrollable Body?
A table is basically a structured collection of data comprising of rows and columns (tabular data). HTML tables enable web designers to organize data like text, images, links, other tables, and so on into rows and columns of cells. They are created with the tag, which incorporates the tag for table rows, the tag for table headers and the tag for data cells. By default, the elements under are regular and left aligned. ExampleLet us have a look at the example below which demonstrates a simple table in HTML. ...
Read More