Title Text

Spanning rows, Spanning cols

caption, thead, tbody and tfoot elements

Tables for headings

Using tables for layouts

•Popular in 1990s

•Results in table bloat

•Not semantic

•Larger HTML pages

•Browser quirks

Deprecated table elements

-width, height of each cell

- cell spacing, cell padding




Styling borders

Table borders

    - border-collapse:seperated/collapse

     - border-spacing:value

Boxes and Zebras


Introducing Forms

- provides user to communicate information  with server

- User can enter text, select item from lists, click buttons...

-form data processed by server

-HTML5 provides richer controls and customization of existing controls

Working of Forms

Query Strings

Certain characters such as spaces, punctuation symbols and special characters cannot be part of Query Strings. They must be URL Encoded


Form Related HTML Elements

Text Input Controls

Type Description
text Single line text entry
textarea Multi line text entry
password mask user entry
search single line text entry suitable for a search string
email single line text entry with email validation
tel single line text entry with telephone validation
url single line text entry with URL validation


-use of required, placeholder and pattern attributes

Button Controls

<input type="submit">
<input type="reset">
<input type="button">
<input type="image">

Date and Time controls

  • date
  • time
  • datetime
  • datetime-local
  • month
  • week

Need of Web Accessibility

Users with slight disabiity

Users with slight disability

Color blindness

The term web accessibility refers to:

 - assistive technologies

- helped by various HTML features

-make accessible to people with visual,mobility, auditory and cognitive disabilities

Web Accessibility guidelines

  • provide non-text alternatives  like speech, braille, symbols etc
  • content with different representations
  • Make all functionality available from keyboard
  • Navigate, search, find where your are

Microformats (sometimes abbreviated μF) are conventions used to embed semantics in HTML and provide an API to be used by search engines, aggregators, and other tools

specific information, such as people, organizations, events, and locations.

Microformats are supported by all major search engines.

HTML Tables and Forms

By chetankr

HTML Tables and Forms

Gives information on frequently used HTML elements like Tables and Forms

  • 1,089