Program Plan: Include the HTML tag using “<html>”. Include the heading tag using “<head>”. Open the title tag using “<title>” with appropriate title and close the tag. Open the style tag “<style>” to make style for HTML tags. Make a style for “body” tag. Set the background with color code “#333333”. Set the text color with color code “#eaeaea”. Make a style for an identifier named “gallery”. Set the gallery width as “800 px”. Make a style for all unordered lists for an identifier named “gallery”. Set the gallery width as “300 px”. Set the style type as “none” and float property as “left”. Make a style for all lists for an identifier named “gallery”. Set the gallery display as “inline”. Set the padding as “16 pixels” and float property as “left”. Make a style for all images for an identifier named “gallery”. Set the border style as “none”. Make a style for an element “figure”. Set the padding-top as “30” pixels. Set the text-align as “center”. Make a style for an element “figcaption”. Set the font-weight as “bold”. Set the font-size as “1.5em”. Close the style tag using “</style>”. Open the script tag using “<script>” to access the jQuery elements using the script link. Define the “ready()” function to intimate the document is ready for processing. Define the “click()” event handler to specify the click event in the web page. Declare the variables to store image reference and title. Return “false” statement. Close the script tag using “</script>”. Close the head tag using “</head>”. Open the body tag with “<body>”. Create the division tag with “<div>” element using identifier name “gallery”. Open the heading tag with appropriate heading using “<h1>” tag and close it. Open the unordered list tag using “<ul>”. Open the list tags with “<li>”, inside the list element create an images link with source of images and close the link. Close the unordered list “</ul>”. Open the figure tag using “<figure>”. Create an image with its attribute using “<img>” tag with figure caption. Close the figure tag using “</figure>”. Close the division tag using “</div>”. Close the body tag using “</body>”. Close the file using “</html>” tag.

Question

Want to see the full answer?

Answer 1

Question

Chapter 14, Problem 7HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<html>”.

Include the heading tag using “<head>”.

Open the title tag using “<title>” with appropriate title and close the tag.

Open the style tag “<style>” to make style for HTML tags.

Make a style for “body” tag.

Set the background with color code “#333333”.

Set the text color with color code “#eaeaea”.

Make a style for an identifier named “gallery”.

Set the gallery width as “800 px”.

Make a style for all unordered lists for an identifier named “gallery”.

Set the gallery width as “300 px”.

Set the style type as “none” and float property as “left”.

Make a style for all lists for an identifier named “gallery”.

Set the gallery display as “inline”.

Set the padding as “16 pixels” and float property as “left”.

Make a style for all images for an identifier named “gallery”.

Set the border style as “none”.

Make a style for an element “figure”.

Set the padding-top as “30” pixels.

Set the text-align as “center”.

Make a style for an element “figcaption”.

Set the font-weight as “bold”.

Set the font-size as “1.5em”.

Close the style tag using “</style>”.

Open the script tag using “<script>” to access the jQuery elements using the script link.

Define the “ready()” function to intimate the document is ready for processing.

Define the “click()” event handler to specify the click event in the web page.

Declare the variables to store image reference and title.

Return “false” statement.

Close the script tag using “</script>”.

Close the head tag using “</head>”.

Open the body tag with “<body>”.

Create the division tag with “<div>” element using identifier name “gallery”.

Open the heading tag with appropriate heading using “<h1>” tag and close it.

Open the unordered list tag using “<ul>”.

Open the list tags with “<li>”, inside the list element create an images link with source of images and close the link.

Close the unordered list “</ul>”.

Open the figure tag using “<figure>”.

Create an image with its attribute using “<img>” tag with figure caption.

Close the figure tag using “</figure>”.

Close the division tag using “</div>”.

Close the body tag using “</body>”.

Close the file using “</html>” tag.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Students have asked these similar questions

Make a copy of the web design or replicate it (see attached picture) using HTML TAGS ONLY. (DO NOT INCLUDE OTHERS LIKE CSS, ONLY HTML) Print your written code with screenshot of your program opened in a web browser. *it doesn't have to be exact with the attached picture if html can't do it, html is enough*

This is a pyhton , Coding the screenshot better explains

Adobe Express Webpage is a great tool for creating professional-looking webpages in an easy and intuitive way. With its simple drag-and-drop interface, users can quickly build a website or webpage without any coding knowledge. Many users find the tool helpful for creating attractive, responsive webpages as well as designing logos, graphics, and other visuals. It’s a great choice for creating a website or webpage for a business, and can also be used for personal projects such as creating an online portfolio, sending invitations, or advertising services. The possibilities are endless with Adobe Express Webpage, and it’s the perfect choice for anyone looking to take their online presence to the next level.