Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

create a website (The Flower Shop ) have two html web pages: 1. Home Page 2. Opening Hours In HomePage.html: A. Add title (The Flower

image text in transcribedimage text in transcribedimage text in transcribedimage text in transcribed

create a website (The Flower Shop ) have two html web pages: 1. Home Page 2. Opening Hours In HomePage.html: A. Add title (The Flower Shop) for Webpage B. A header element which includes an image (use the image header.jpg) use height and width attributes to specify the image size. C. A navigation element which includes a list of links to .html web pages: - HomePage, OpeningHours. - The navigation list should be at the top of the page and under the image. D. A section element which includes Two headings "About the Flower Shop", "Flowers Orders": 1. Add The Following paragraphe under the first heading with a text-align center. Online Flower Shop is a unique florist to provide flower delivery services to your loved ones. Order flowers online. 2. Add 3 images under the second heading using tag and make them inside a > element. (use f1.png, f2.png and f3.png) You will need 3 elements, every one has one tag. 3. Give an alternative text to every img describes the picture. 4. Add a figure caption tag inside every tag. Koses USK 5. The figure caption should include the text shown as the screenshot: Roses 20 SR Daisy 30SR Daisy 30 SR Roselily 40 SR Roselily 40 SR E. A footer element at the end of the html document, which includes your name and ID. A. A header element > which includes an image (use the image header2.jpg) use height and width attributes to specify the image size. B. A navigation element which includes a list of links to .html web pages: - HomePage, OpeningHours. - The navigation list should be at the top of the page and under the image. C. Create a heading with the content "Opening Hours" D. Create the following table: where cells of the first row and column are headers and the rest are data. It should look something like this: E. A footer element > at the end of the html document, which includes your name and ID. Update your website by creating an external (CSS) and link it to your html document. Your CSS must do the following: 1. Apply the following format to the page : background-image, with a repeat. Use pattern.jpg. 2. Apply the following format to the element : a margin of 10px, a padding of 3px, and a 3px solid red border. 3. Apply the following format to ALL headings element: pink background-color, center text-align. 4. Apply the following format to ALL figure caption element: hover (PSEUDO-CLASSES), color: aqua. 5. Apply the following format to paragraph element: italic font-style, center text-align. 6. Apply the following format to the table element: white background-color. 7. Apply the following format to the Friday table head only using id : pink background-color. 8. Apply the following format to all table headers: padding 6px, uppercase text. 9. Apply the following format to the footer element: lightgray background-color, large font-size, center text-align, padding:50px, margin: 50px,12px groove whitesmoke border. 10. Apply the following format to the img tag : height 100px, width 100px, border 4px solid pink. screenshot 1:HomePage.html About the Flower Shop Onlane Flower Shop is a wuigue flarist to provide flower delivery services to your loned anes, Onder fioners online. Flowers Orders nuoes N SR. Daisy 30 5. Roselily 40SR screenshot 2: OpeningHours.html Opening Hours

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Recommended Textbook for

Database Concepts

Authors: David M Kroenke, David J Auer

6th Edition

0132742926, 978-0132742924

More Books

Students also viewed these Databases questions

Question

=+What about SRI funds? Why, or why not?

Answered: 1 week ago