Description
COM S/SE 319: Construction of User Interfaces
Homework 1: Review of HTML
1. Review HTML
A good resource is https://www.w3schools.com/html/
Some of the tutorials that would be useful to do the assignment are the following:
HTML Tutorial
Link
HTML Introduction
https://www.w3schools.com/html/html_intro.asp
HTML Editors
https://www.w3schools.com/html/html_editors.asp
HTML Basic
https://www.w3schools.com/html/html_basic.asp
HTML Elements
https://www.w3schools.com/html/html_elements.asp
HTML Attributes
https://www.w3schools.com/html/html_attributes.asp
HTML Headings
https://www.w3schools.com/html/html_headings.asp
HTML Paragraphs
https://www.w3schools.com/html/html_paragraphs.asp
HTML Styles
https://www.w3schools.com/html/html_styles.asp
HTML Formatting
https://www.w3schools.com/html/html_formatting.asp
HTML Quotations
https://www.w3schools.com/html/html_quotation_elements.asp
HTML Comments
https://www.w3schools.com/html/html_comments.asp
HTML Colors
https://www.w3schools.com/html/html_colors.asp
HTML CSS
https://www.w3schools.com/html/html_css.asp
HTML Links
https://www.w3schools.com/html/html_links.asp
HTML Images
https://www.w3schools.com/html/html_images.asp
HTML Tables
https://www.w3schools.com/html/html_tables.asp
HTML Lists
https://www.w3schools.com/html/html_lists.asp
HTML Blocks
https://www.w3schools.com/html/html_blocks.asp
HTML Classes
https://www.w3schools.com/html/html_classes.asp
HTML Head
https://www.w3schools.com/html/html_head.asp
HTML Layout
https://www.w3schools.com/html/html_layout.asp
HTML Forms
https://www.w3schools.com/html/html_forms.asp
HTML Form Elements
https://www.w3schools.com/html/html_form_elements.asp
HTML Input Types
https://www.w3schools.com/html/html_form_input_types.asp
HTML Attributes
https://www.w3schools.com/html/html_form_attributes.asp
I strongly suggest you do the “Try it Yourself” exercises. If you are familiar with HTML, you may skip this step.
2. Create an offline HTML website that has three pages (10 points)
1) Index page: index.html
When clicking “Page 1”, Page 1 must be loaded.
When clicking “Page 2”, Page 2 must be loaded.
2) Page 1: page1.html
The password input textbox must be used for entering password.
Submit button when clicked does nothing.
When clicking “Back”, the Index page must be loaded.
3) Page 2: page2.html
When clicking “Back”, the Index page must be loaded.
Load the images directly from these links:
https://pixnio.com/free-images/flora-plants/fruits/strawberries-pictures/strawberry-fruit-406×544.jp
g
https://pixnio.com/free-images/2017/11/15/2017-11-15-08-57-55-1200×801.jpg https://pixnio.com/free-images/2018/12/08/2018-12-08-16-01-13-1200×900.jpg https://pixnio.com/free-images/2019/12/12/2019-12-12-10-59-22-1200×800.jpg
