Understanding the Web
How to create a website
Parts of an HTML page
Structure of an HTML Document
- The Outer Structure of an HTML Document
- Parents, Children, Descendants and Siblings
- Setting Up the Basic Document Structure
Creating and viewing a WEB PAGE
Text formatting in HTML
- Basic text formatting elements
- Creating Breaks
- Abbreviations, Definitions, Quotations and Citations
- Working with language elements
- Other text elements
- More formatting elements
Organising information using lists
Structure content with tables
Data collection with forms
- How a form looks like?
- Creating forms
- Input tags
- Text fields
- Password fields
- Checkboxes and radio buttons
- Hidden fields
- File upload fields
- Drop-down list fields
- Multiline text boxes
- Submit and Reset buttons
Navigation with links
Data collection forms receive information you want to process or save. When you create a form that collects information, the information you need is what drives the structure and complexity of the form:
Just a little: If you need just a little information, the form may be short and (relatively) sweet.
Example: The below snippet uses a form to collect information from teachers to subscribe to a free electronic newsletter. This doesn’t need much information to set up the subscription, so the form is short and simple.
Lots: If you need a lot of information, your form may be several pages long.
Example: The following example uses long and detailed forms to gather the information it needs to help customers refinance a vehicle loan. The page below shows just the first two of numerous panes that a visitor must fill out to provide all the necessary information.