Web Analytics
Answered

I have this question from the textbook:" Web Development and Design Foundations with HTML5-7th ed."


I cannot seem to figure out part "c" of the question.

  1. Design a new web page using embedded CSS to configure a background color and text color. Include the following in your web page.

AYour name

Use an h1 header that you have configured, using element selector with drop shadow text, transparent background color, and a sans-serif font

BA description of your favorite hobbies and activities

Configure a CSS class that stylizes this description list

CA photo of yourself (be sure to optimize the image for display on the Web)

Write the CSS for an id called holder that is configured to 80% width and centered


Put your photo in a that uses the id holder


Make sure that your image is accessible by using an alt tag, etc.


Make this image a hyperlink by adding a link to it to a favorite hobby site or your email with a mailto link


this is what I have so far, and kind of stuck!

Verified Answer :

theEric

Hi! I've never taken a class for web development, so I can't say for sure. But I think part (c) is looking for an image of you that is probably low in file size while still looking good. That means that .jpg will probably do, you can look in your photo editor when saving/exporting for settings such as compression and number of colors, and you can try to make the image just the right size for a normal screen (as long as it looks good on a larger screen).

Beyond that, there's just many details to this. Just follow the instructions a few times.
Make the image.
Make the HTML without the CSS.
Make the CSS and put it in a <style> HTML element.


Also, the question is weird:  it suggests using an "alt" tag. I think it's referring to the "alt" attribute of the <img/> tag. This specifies text that can appear if for any reason the image can't be displayed.

You can give an element an id by giving it the id attribute, like <div id="holder"></div>.
And the image can be a link by having the <img/> element inside of and <a> element.

Related Questions