Author: Awais Farooq
-
Ordered Lists
An ordered list is used to display a collection of items that have a specific order or sequence. For instance, we can use an ordered list to show the steps of a recipe, the ranking of a leader board, or the chronological order of events as shown in the below figure − Ordered Lists in HTML To…
-
Unordered Lists
An unordered list is used to display a collection of related items that do not have a specific order or sequence. This type of list is used to for describing a particular service or product as it does not require any order to be followed. The below figure shows an ordered list of groceries − Unordered List…
-
Lists
In general, a list is a group or collection of items. These items can be both organized and unorganized depending on the requirement. They help in organizing, structuring and presenting information to make it more user-friendly, readable and accessible. Sample lists are shown below − Lists in HTML To display a list of information in HTML, we…
-
Nested Tables
In HTML, the Nested tables involve the utilization of one table within another, providing a versatile way to structure complex data layouts. Various elements, including other HTML tags, can be incorporated within table cells (<td>). Not only can tables be nested, but various HTML tags can also be used within the <td> (table data) tag for versatile content integration.…
-
Table Colgroup
In HTML, the <colgroup> element is used to define a group of columns in a table. It allows you to apply properties to multiple columns simultaneously, providing a more efficient way to style or format columns. The <colgroup> tag The <colgroup> is often used in conjunction with the <col> element, where each <col> tag represents an individual column within the group. This grouping…
-
Table Styling
Border Collapse You have the flexibility to manage the space between table borders by manipulating the ‘border-collapse’ property. This property determines how adjacent table cell borders interact, and adjusting it allows you to control the spacing or gap between the borders within your table. By setting ‘border-collapse’ to “collapse”, borders will merge, eliminating any spacing, while “separate” allows you to…
-
Headers & Caption
In HTML, tables are used to organize and present data in a structured format. The table heading is an essential part of a table, providing labels for columns. The <th> (table header) element is used to define table headings. Basics of Table Heading The <th> tag is used to represent table headings, and it is typically used within the <tr> (table…
-
Tables
The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. Tables offer a visual structure that aids in clarity and comprehension, making them a fundamental element in web development. Why Tables are Used in HTML Tables are employed in HTML for various reasons, primarily centered…
-
Image Map
An image map in HTML enables specific areas of an image to be clickable, acting as links to different destinations. This technique is useful for creating complex navigation systems or interactive graphics on a webpage. By defining various shapes (rectangles, circles, polygons) within an image, each with its own associated link, developers can create dynamic…
-
Images
Images in HTML provide visual content for web pages, enhancing user experiences and conveying information. They can be photographs, graphics, icons, or illustrations. HTML offers various elements for embedding, manipulating, and controlling images, contributing to the aesthetics and functionality of websites. Understanding image tags, attributes, and responsive design principles is essential for effective web development.…