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
-bgcolor,
-background
-align
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
GET vs POST
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 |
| single line text entry with email validation | |
| tel | single line text entry with telephone validation |
| url | single line text entry with URL validation |
Text
-use of required, placeholder and pattern attributes
Button Controls
| Type |
|---|
| <input type="submit"> |
| <input type="reset"> |
| <input type="button"> |
| <input type="image"> |
| <button> |
Date and Time controls
- date
- time
- datetime
- datetime-local
- month
- week
Need of Web Accessibility
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.
