Instructions: This is an individual lab Submission is via Moodle You must create a Word document to save your code as well as your results. For each part, you should put your HTML and CSS code as well as a screenshot of the result. You must use external CSS files and link them to the HTML documents.
---------- MUST BE DONE IN NOTEPAD ++ ----------
1. Write the source code for the following web page:
Using Hex values, adjust the following:
- The page background color should be a shade of light gray
- Font color of the body should be red.
- Note, the font color for some elements must be overridden
- Whenever you use p element, you should write in Bold Italic
- Items of this unordered list should be written in large font size, and italic style
2. Write the source code for the following web page:
Using any image, adjust the following:
- image padding is 20px, border is 5px with dashed line in black color, and margin is 40px from all sides
- Image background color should be a light gray o Image should have a width of 80% of the body
3. Using table, write the source code for the following web page:
Using table, adjust the following:
o The logo and the address should be in the top of the page
o You should have a menu bar with 5 links to different pages (you dont need to link then to actual pages)
o You may use your own logo and image
4. Using new HTML5 semantic elements, write the source code for the following web page:
5. Using form element, write the source code for the following form:
- 0 X Assignment #2 x + F C G Search Google or type a URL A Welcome to This Web Page This page is part 1 of assignment#2, where we should use external CSS to control the structure and the layout of the web page Things that we should use: Create a CSS file and write all style rules and Link the CSS file to the dm. documemi - 0 x Assignment 12 C G Search Google or type a URL Welcome to This Web Page This page is part 2 of assignment#2, where we should use external CSS to control the structure and the layout of the web page ------------- Copyright 2020 - DX Outdoor Activities x + C G Search Google or type a URL aoutdoor Activities 1234 Mead Brook Street 2nd Floor Rochester Hills, MI 33902 Tel: 111.222.3344 Fax: 111.222.3345 Home Activities Groups Contact Us About Welcome to Our Outdoor Website! This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar. This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar. This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar. This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar Copyright reserved, 2020 - 0 x Outdoor Activities + C G Search Google or type a URL E Outdoor Activities Welcome to Our Outdoor Website! Home Activities Groups Contact Us About This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by Visiting our Contact Us page from the menu bar. This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar. This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar. This website is founded in 2020. You can find best activities in this area and you can make new friends and create new groups. You may contact us if you need help by visiting our Contact Us page from the menu bar. Copyright reserved. 2020 - DX Dining Menu x + C G Search Google or type a URL : Welcome to Our Dining Place! You may place your order using this page! --Meal Please Select Your Meal: Breakfast -Drink Coffee: Tea: Juice: 0 check here if you wish to add water to your order: 0 Order Details Dish Number: Chef Instructions: Select Side: Rice: Soup House Salad: Mashed Potatos: Fries: Please review your order before you submit it! Submit Order! Start Over We are looking forward to serving you
