Question

Add at least two images to your site that you have permission to use and that...

  • Add at least two images to your site that you have permission to use and that are edited for the size of the space you’re using.
  • Include alt, height, width attributes.
  • Use and style <figure> and <figcaption>.
  • Use float and clear to position your images within text flow.
Engineering   Computer-Science   
0 0
Add a commentTranscribed image text
Next >

Homework Answers

Answer #1

Heirarchy of folder:

images used in folder:

1.html:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

  <style>

    img{

      float: left;

    }

    figcaption{

      clear: both;

    }

  </style>

</head>

<body>

  <main>

    <div>

      <figure>

        <img src="/img1.jpg" width="300" height="300">

        <figcaption>Fig.1 Mount Everest</figcaption>

      </figure>

      <figure>

        <img src="/img2.jpg" width="300" height="300">

        <figcaption>Fig.1 Waterfall</figcaption>

      </figure>

    </div>

  </main>

</body>

</html>

0 0
Know the answer?
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for?
Ask your own homework help question
Similar Questions
For the Phase 5 Individual Project assignment, you will complete the following two parts. Enhance your...
For the Phase 5 Individual Project assignment, you will complete the following two parts. Enhance your 3-page Web site by including more content with at least 1 additional style to your external style.css file and at least 1 additional asset. For the additional style, you may include the following: Various fonts Various colors Text alignment For the additional enhancement, you may include the following: Images or graphics Mail-to link A link to a map Sound clips (optional) Video clips (optional)...
TASK 2: Open numberic-variable_problem.js file in a text editor (e.g., NotePad++). What is the syntax error...
TASK 2: Open numberic-variable_problem.js file in a text editor (e.g., NotePad++). What is the syntax error in the JavaScript file? Find error message in console in a browser’s developer tool. Fix that error and reload the web page in browser. What is the change in the content displayed in the web page after fix the syntax error in the JavaScript code? Replace the line#18 statement (el.textContent = '$' + total;) in the JavaScript code with    el.textContent = '$' + total.toFixed(3);...
I have trouble in my code with - Create and append the fancySheet link element to...
I have trouble in my code with - Create and append the fancySheet link element to the document head - Create and append figBox element to element with id box - Populate the figure box with preview images of the five fancy style sheets I don't understand what went wrong. New Perspectives HMTL5, CSS3, and JavaScript T12 Case Problem 1: New Accents Photography JavaScript File Event Listener Go to the na_styler.js file in your editor. Add an event listener that...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial,...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial, sans-serif; font-size: 100%; } /* outer container */    #wrapper { width: 960px; margin: 50px auto; padding: 0px; background-color: rgb(255, 255, 255); /* white */ border: 1px solid #000; /* black */ }    header h1 { text-align: center; }    nav { text-align: center; background: rgb(175, 196, 206); }    address figure { text-align: center; } </style> </head> <body> <div id="wrapper"> <!-- outer...
Using brackets. The primary web page uses a 2 column wireframe with fixed nav panel on...
Using brackets. The primary web page uses a 2 column wireframe with fixed nav panel on the left. (Use float, width, and an appropriate margin setting on the main to get this effect.) Include at least 2 working links in the nav that go to other pages using the same design. (These pages may be very limited in their main content, but should also contain the same nav and the same wireframe.) The links of the nav use pseudo-class styles...
Section 1.1: Creating the First Table Locate the HTML comment that reads "table 1" just below...
Section 1.1: Creating the First Table Locate the HTML comment that reads "table 1" just below the opening body tag. Add a table tag with the following specifications using the style attribute and CSS: width with a value of 650 pixels a margin set to auto – this will center the table within the web page a border set to none - this removes the table border Add a table row (<tr>) Add a table data container tag (<td></td>) Within...
Hello! I'm getting this assignment wrong according to the cengage software. The code looks right to...
Hello! I'm getting this assignment wrong according to the cengage software. The code looks right to me but apparently it is not. May someone please take a look at it and let me know what I'm doing wrong. I just can't seem to find the error. I'm attaching the question below and below that I will attach my code. I appreciate any help you could provide. The book is: HTML5, CSS3, and JavaScript, 6th edition, Bundle Thanks QUESTION: General Flex...
Demonstrate your Excel skills by completing the following: You have been asked to prepare a spreadsheet...
Demonstrate your Excel skills by completing the following: You have been asked to prepare a spreadsheet to show the profit and loss figure for the last financial year. The profit and loss should be shown as dollars and as a percentage. Enter the raw data below, applying as many presentation Features (Font, Font Size, Font Color, Number Formats and Color, Cell Shading, Text Rotation, etc) to it as you wish. Apply appropriate number formats to your numbers. Center your spreadsheet...
Challenge 5 Read ALL of the instructions carefully before starting the exercise! Dear Colleague, Earlier today...
Challenge 5 Read ALL of the instructions carefully before starting the exercise! Dear Colleague, Earlier today I built my fourth website using HTML5 and CSS3. This time I wanted to try using CSS float layout options on a website dedicated to my favorite topic: robotics. I wanted my website to look like what is shown in Figure 1 (see below). However, after giving it my best effort, things once again didn’t turn out the way I wanted (see the code...
In the reading this week, you have learned about the different approaches that organizations may use...
In the reading this week, you have learned about the different approaches that organizations may use in order to align management compensation with financial performance including the advantages and disadvantages of such compensation structures. In this assignment, you will compare and contrast two organizations that have management compensation plans tied to organizational performance. You will essentially compare and analyze one company that you believe has been successful using this approach and evaluate another company that you believe has failed or...
ADVERTISEMENT
Need Online Homework Help?

Get Answers For Free
Most questions answered within 1 hours.

Ask a Question
ADVERTISEMENT