CIS 141 – Web Design and MaintenanceAssignment Web11Stuck in the mud!1. Create a new folder called "Web11" and extract the image folder into the folder.2. Open your basic.html file and save it as index.html in the Web11 folder.3. Add a div element with an id of "wrapper"4. In the div element, add a figure element.5. In the figure element, add the image. Remember to include the src, alt, width, andheight attributes.6. After the image element, add a figçaption element.7. Inside the figçaption element, add the text "Help! 1&rsquo,m stuck". The ’ willdisplay an apostrophe.8. Create a file called default.css and save it in the Web 11 folder.9. For the body selector, set the font-family property and the font-size property to 15px.10. Create a rule for the wrapper id. Include the following propertiesa. Background color at #ccaa66b. Width at 400pxc. Margin set to 0 for the top and bottom and auto for the right and leftd. Padding top to 5pxe. Border radius of 10pxf. Box shadow with the values 5px, 5px, 5px and #82828211. Create a rule for the figçaption, to center the text.

Please set following attributes according to your preference since they are not mentioned. width,…

1. Create a new folder called "Web11" and extract the image folder into the folder. 2. Open your basic.html file and save it as index html in the Web11 folder. 3. Add a div element with an id of "wrapper 4. In the div element, add a figure element. 5. In the figure element, add the image. Remember to indlude the src, alt, width, and height attributes. 6. After the image element, add a figçaption element. 7. Inside the figcaption element, add the text "Help! &rsquo.m stuck". The ’ will display an apostrophe. UB

1. Create a new folder called "Web11" and extract the image folder into the folder. 2. Open your basic.html file and save it as index html in the Web11 folder. 3. Add a div element with an id of "wrapper 4. In the div element, add a figure element. 5. In the figure element, add the image. Remember to indlude the src, alt, width, and height attributes. 6. After the image element, add a figçaption element. 7. Inside the figcaption element, add the text "Help! &rsquo.m stuck". The ’ will display an apostrophe. UB

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Similar questions

Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: A header element with the heading: "I love kitty cats" A navigation element including links to "Cat 1" and "Cat 2" which link to cat1.html and cat2.html respectively. A main element containing: a heading; a paragraph of lorem ipsum text; a 300px wide editorial image using this url: https://images.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpegAnd this caption: "Cute kitty cat"; A footer element with the following content: "semantic html example with a cute kitty". Add internal CSS (and extra HTML if you need to) so that your page looks like the image below and: Use flexbox to make the nav items sit side-by-side; Make the image take up the whole width of its parent container, on all screen sizes; On screens wider than 820px only, use flexbox to make the image of the cat sit next to the written content in the main element; On screens wider than 1200px only, give…
(a) What are the problems with the above code? Consider the syntax, structure, and writing style. (b) Write CSS code that tidies up the above code. Your code should minimize the use of inline style. (c) Add a CSS selector for all paragraphs (p elements) under div elements with class “exam” to make their background colour blue.
Create a file named part_2.html which displays the table shown on the next page. Place the following styles in the Head element of part 2.html to add borders to your table elements: td, th { border: 1px solid gray; }
QUESTION 12 Write full HTML code to create the following table with required syntax. •Use the correct HTML elements for each part of the table .Add internal CSS to style the table head as "lightblue" color with 50px height -Add intermal CSS to style the all table border as solid 2px with color #666666 Omani Wilayat Name City Al DakhiliahNizwa Wilayat Muscat Muscat Dhofar Salalah
1. In the <head> of index.html add the style rules contained in Annex 2 of this document.2. In the <body> of index.html add the content from Annex 3 of this document below the paragraph elementfrom PART 1.3. Replace the items in the unordered list with at least 50 items of your choice4. Add functionality to the Javascript script to ensure that the list of items is not visible when the page isloaded5. Add functionality to the Javascript script to ensure that the list of items is not visible when no text ispresent in the search bar Annex 2: * {box-sizing: border-box;}#myInput {background-image: url('/css/searchicon.png');background-position: 10px 12px;background-repeat: no-repeat;width: 100%;font-size: 16px;padding: 12px 20px 12px 40px;border: 1px solid #ddd;margin-bottom: 12px;}#myUL {list-style-type: none;padding: 0;margin: 0;}#myUL li a {border: 1px solid #ddd;margin-top: -1px; /* Prevent double borders */background-color: #f6f6f6;padding: 12px;text-decoration:…
Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.
I need this assignment solved. Below is index.html and styles.css Tasks Correct the style rule for the h1 selector located in the header element to center-align its content. Correct the style rule for the list item elements within the nav to display the list as an inline-block. Update the style rule for the main selector that sets the overflow property to auto. Update the style rule for the footer selector to clear a float on the left. Remove the underline from all nav links using the text-decoration property. Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic. Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally. In the nav element in the index.html file, do the following : link the text, W3C, to https://www.w3.org/ link the text,…
Create a html page with title as lab10_1. The page load lab10_1.js as its JavaScript file. On the html page, include a Canvas with dimension of width: 800, height: 500. An input box to accept user's input. A button to start the game.
Within the article element, directly below the h2 element, enter the opening and closing tags of a script element on separate lines. Within the script insert a JavaScript line comment containing the text create ordered list.Below the line comment, insert multiple document.write() commands to write the following HTML code for an ordered list:<ol><li>Reduce spending on non-necessities.</li><li>Use extra money to pay off debt,starting with highest-interest credit cards.</li><li>Continue paying off debts until you are debt free.</li><li>Put a fixed percent of your pay aside every payday.</li></ol>Save your work and open html file in your web browser. Verify the content of the page resembles that shown in Figure 1-23. A numbered list containing four items should be displayed below the h2 heading “Financial Planning Tips,” as shown in Figure 1-23.