HTML Buttons
HTML Colors
HTML Tables
HTML Lists
Mixed & Advanced Integration
100

This HTML element creates versatile buttons that can contain text, images, or other HTML content.

<button>

100

HTML supports 140 predefined ones, like red, blue, and coral.

color names

100

This tag defines a table row.

<tr>

100

This list type is best for items without a specific order.

<ul>

100

This CSS property changes bullet style in unordered lists.

list-style-type

200

This type of button submits form data to the server for processing.

<input type="submit">

200

This six-digit code represents red, green, and blue values.

HEX value

200

This tag defines a table header cell.

<th>

200

This list type is best for steps, rankings, or sequences.

<ol>

200

This CSS property adds rounded corners to buttons.

border-radius

300

This button type clears all form fields back to their default values.

<input type="reset">

300

This function uses three parameters (0–255) for red, green, and blue.

rgb()

300

This tag defines a table data cell.

<td>

300

This list type is best for glossaries or FAQs.

<dl>

300

This color specification is intuitive for adjusting hue and saturation.

HSL/HSLA

400

Adding this attribute makes a button non-interactive.

disabled

400

This color specification uses hue, saturation, and lightness.

hsl()

400

This CSS property removes gaps between table borders.

border-collapse

400

This tag defines a term in a description list.

<dt>

400

This table attribute allows a cell to span multiple columns.

colspan

500

This attribute links a button to a specific form by its ID.

form

500

This method adds an alpha channel for opacity to RGB values.

rgba()

500

This attribute allows a cell to span multiple rows.

rowspan

500

This tag defines the description of a term in a description list.

<dd>

500

This JavaScript event attribute can be added to a button to trigger a function when clicked.

onclick