Tables and Forms in HTML

HTML Tag reference by Category
Category Tag Description
Tables <table> Defines the table
<caption> Defines a table caption
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
Forms <form> Defines an HTML form for user input
<input> Defines an input control
<textarea> Defines a multiline input control (text area)
<label> Defines a label for an <input> element
<fieldset> Groups related elements in a form

Second table with examples

Table with text and images in cells
Heading 1 Heading 2 Heading 3
Category 1

(rowspan="3")
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat ex nec ullamcorper convallis. Suspendisse potenti. Nunc fringilla dictum enim, id pulvinar purus pulvinar a. Ut sollicitudin porta mollis. Aliquam dolor massa, pulvinar eget nibh posuere, ultrices placerat nunc. Praesent sapien felis, scelerisque blandit scelerisque eget, fringilla in lacus. Ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat ex nec ullamcorper convallis. Suspendisse potenti. Nunc fringilla dictum enim, id pulvinar purus pulvinar a. Ut sollicitudin porta mollis. Aliquam dolor massa, pulvinar eget nibh posuere, ultrices placerat nunc. Praesent sapien felis, scelerisque blandit scelerisque eget, fringilla in lacus. Ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis sollicitudin nibh, eu vehicula leo. Vestibulum ante ipsum primis in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis sollicitudin nibh, eu vehicula leo. Vestibulum ante ipsum primis in.
Category 2

(rowspan="2")
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis sollicitudin nibh, eu vehicula leo. Vestibulum ante ipsum primis in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis sollicitudin nibh, eu vehicula leo. Vestibulum ante ipsum primis in.
Category 3 This cell has (colspan="2")

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat ex nec ullamcorper convallis. Suspendisse potenti. Nunc fringilla dictum enim, id pulvinar purus pulvinar a. Ut sollicitudin porta mollis. Aliquam dolor massa, pulvinar eget nibh posuere, ultrices placerat nunc. Praesent sapien felis, scelerisque blandit scelerisque eget, fringilla in lacus. Ut.

Tic-Tac-Toe

X O X
O X O
X O X

Input Form





Which table did you like best?

1st table 2nd table 3rd table

What kind of web development would you like to specialize in?

Front-end Back-end Full-stack None




How much do you like this project?

A little at 20% Average at 50% A lot at 80%