Toggle navigation
Intro to Web Design & Development
Course Info
Modules
Introduction
Project 1
Topic 1
Topic 2
Topic 3
Project 2
Topic 4
Topic 5
Topic 6
Topic 7
Project 3
Topic 8
Topic 9
Topic 10
Finals
FAQ
s
& Walkthrough
s
Current Assignment(s)
A4: Questionnaire
Due:
Recommended by Monday, 5.28
"Figures and Forms"
Topic 05 Overview
01. Image Integration
Images in HTML
Saving for Web
The <img> Tag
Source
Alt
Title
Width and Height
The <img> Element
TODO
02. Table Structure
Tables in HTML
The <table> Tags
Rows
Cells
Headings
The <table> Element
TODO
03. Table Styling
Styling
Borders
Cell Padding
TODO
04. Intro to Forms
Web Forms
The <form> Tags
Action
Method
ID and Class
The <form> Element
TODO
05. Form Input Elements
Asking for Input
The <iput> Tag
Type
Name
ID
The <input> Element
TODO
06. Text Types
Text Input
Plain Text
Password
Text Area
Maxlength
Columns and Rows
Placeholder
Size
Value
Autofocus
TODO
07. Selection Types
Selection Input
Radio Buttons
The Checkbox Element
The Select Box (AKA Dropdown Select)
TODO
08. Button Types
Buttons
The Upload Button
The Submit Button
The Image Button
The Button Element
TODO
09. Form Management
Keeping Track
Labels and IDs
Fieldsets and Legends
TODO
10. HTML5 Inclusions
New in HTML5
Validation
Date
E-Mail
Search
Figure and Figcaption
TODO
The <table> Element
Altogether
A full table element is a combination of columns and rows (both delineated by headings), and cells:
←
Previous
Next
→
