CSS AND HTML: Write the HTML needed for an image file named primelogo.gif.Add th
ID: 2247119 • Letter: C
Question
CSS AND HTML:
Write the HTML needed for an image file named primelogo.gif.Add the following to the tag:
height 100 pixels
width 650 pixels
an alt description of "Prime Products company logo"
Make the image into a link to the file prime.html (assume that the prime.html file is in the same folder as the html file containing the image).
the html code needed to specify no image border.
Create a <nav> element that contains there image elements to appear next to each other horizontally. This table contains the image information that you will need (height and width values are in pixels):
Write the embedded CSS code needed to have the file checker.png repeat vertically down the left side of a web page using the body element as a selector.
Assume that the image file is in the same folder as the page holding the code.
Provide the HTML code needed for a figure element that uses the image file castle.jpg with a width of 500 and a height of 350 with an alt text of "Windsor Castle with snow". Include a caption of "Windsor Castle in winter". Assume that the image file is in the same folder as the html file that would contain your code.
Use this site (Links to an external site.)Links to an external site. to create a favicon.
It does not need to be elaborate or fancy.
Use at least two colors.
Download it and then upload it as a part of this assignment.
Provide the html code that is needed in the <head> of an html file in order to use it for the web page. Do not provide Microsoft proprietary syntax.
Write the code needed to create a box-shadow for the id selector #project and that has these properties:
horizontal and vertical offsets of 5 pixels
radius of 3 pixels
color #56D4E7.
image file link it to this file imageheight image
width alt
description nyc-skyline.jpg nyc.html 200 300 New York City skyline la-downtown.jpg la.html 200 250 Downtown Los Angeles nyc-la-popltn-graph.png la-nyc.html 200 325 Chart comparing the populations of Los Angeles and New York City
Explanation / Answer
Write the HTML needed for an image file named primelogo.gif.Add the following to the tag:
height 100 pixels ,width 650 pixels and an alt description of "Prime Products company logo"
<img src="</strong>primelogo.gif<strong>" alt="Prime Products company logo">
----------------------------------------------------------------------------------------------------------------------------------------
Make the image into a link to the file prime.html (assume that the prime.html file is in the same folder as the html file containing the image). The html code needed to specify no image border.
<a href="</strong>prime.html<strong>">
<img src="primelogo.gif" alt="Prime Products company logo"width:650px;height:100px;border:0;">
</a>
border:0 is to avoid the image border
---------------------------------------------------------------------------------------------------------------------------------------
Create a <nav> element that contains there image elements to appear next to each other horizontally. This table contains the image information that you will need (height and width values are in pixels):
----------------------------------------------------------------------------------------------------------------------------------------
Write the embedded CSS code needed to have the file checker.png repeat vertically down the left side of a web page using the body element as a selector.
Assume that the image file is in the same folder as the page holding the code.
body {
background-image: url("checker.png");
background-repeat: repeat-y;
}
By default the selector will take left side of the page to display the image
----------------------------------------------------------------------------------------------------------------------------------------
Provide the HTML code needed for a figure element that uses the image file castle.jpg with a width of 500 and a height of 350 with an alt text of "Windsor Castle with snow". Include a caption of "Windsor Castle in winter". Assume that the image file is in the same folder as the html file that would contain your code.
<figure>
<img src="</strong>castle.jpg<strong>" alt="Windsor Castle with snow" width="500" height="350">
<figcaption>Windsor Castle in winter</figcaption>
</figure>
----------------------------------------------------------------------------------------------------------------------------------------
Write the code needed to create a box-shadow for the id selector #project and that has these properties:
horizontal and vertical offsets of 5 pixels ,radius of 3 pixels, color #56D4E7.
document.getElementById("#project").style.boxShadow = "5px 5px 3px #56D4E7";
--------------------------------------------------------------------------------------------------------------------------------------