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
Displaying images
If a single-line text field doesn’t offer enough room for a response, create a text box instead of a text field:
- The <textarea> element defines the box and its parameters.
- The rows attribute specifies the height of the box in rows based on the font in the text box.
- The cols attribute specifies the width of the box in columns based on the font in the text box.
The text that the user types into the box provides the value, so you need only give the box a name with the name attribute:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<form method="post">
<p> Please include any comments here.</p>
<textarea rows="10" cols="40" name="comments">
...comments here...
</textarea>
</form>
</body>
</html>
Please include any comments here.
Any text you include between the <textarea> and </textarea> tags appears in the text box in the browser. The user then enters information in the text box and overwrites your text.