ZuoTi.Pro
Question

1. Write the HTML code to create a fragment identifier at the beginning of a web...

1. Write the HTML code to create a fragment identifier at the beginning of a web page designated by the word “top”.

2. Write the HTML code to create a hyperlink to the named fragment designated by “top”.

3. Write the HTML code to assign the header element to the appropriate ARIA landmark role, as shown in the slides.

4. Write the HTML code to associate a web page with an external style sheet named myprint.css to configure a printout.

5. Write the @media rule to target a typical smartphone device and configure the nav element selector with width set to auto. Since 480px targets the display size of many smartphones, we can set the maxwidth to 480px.

6. Write the CSS to configure a graphic named mysprite.gif to display as background image on the left side of a hyperlink. Assume the mysprite.gif contains two different images. Configure the image that is located 67 pixels down from the top of the mysprite.gif graphic to display. Hint: The first image is at the top and the second image is 67 pixels down from the top of the graphics file. The value 67 is used to configure the display of the second image.

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

1 <p name="top"> This could be at the top of the page</p>

This is link could be at the bottom of the page and when clicked on it will take the user to the top of the page.
<a href="#top"> Go to top</a>

2 <a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

3

footer contentinfo when in context of the body element. The footer element is not a contentinfo landmark when it is a descendant of the following HTML sectioning elements:
  • article
  • aside
  • main
  • nav
  • section
form form when it has an accessible name using aria-labelledby, aria-label or title attributes
header banner when in context of the body element. The header element is not a banner landmark when it is a descendant of the following HTML sectioning elements:
  • article
  • aside
  • main
  • nav
  • section
main main
nav navigation
section

region when it has an accessible name using aria-labelledby, aria-label or title attribute

4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <LINK href="special.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <P class="special">This paragraph should have special green text. </BODY> </HTML>
0 0
Add a comment
Know the answer?
Add Answer to:
1. Write the HTML code to create a fragment identifier at the beginning of a web...
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. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • Write the HTML to create a fragment identifier at the beginning of a web page designated...

    Write the HTML to create a fragment identifier at the beginning of a web page designated by “top”. Write the HTML to create a hyperlink to the named fragment designated by “top”.

  • 1. Write the HTML code to create a fragment identifier at the beginning of a web...

    1. Write the HTML code to create a fragment identifier at the beginning of a web page designated by the word “top”.

  • HTML Web Page project: Need help to create a web page exactly as the example below...

    HTML Web Page project: Need help to create a web page exactly as the example below using HTML. I need the source code. Page 1 of CA272 Midterm Welcome to your name's CA272 Midterm Text In this class, I learned how to... 1. create an X)HTML web page, where I can 2. change the size of my font, 3. change the color of my fonts, 4. change my font style, 5. and change the background color of my web page....

  • Assume that a web page contains only a single heading element. Where will the following code...

    Assume that a web page contains only a single heading element. Where will the following code position the heading element? position: relative; top: 25px; left: 50px; } The heading will move up by 50 pixels and to the left by 25 pixels. The heading will move down by 25 pixels and to the right by 50 pixels. The heading will move up by 25 pixels and to the left by 50 pixels. The heading will move down by 50 pixels...

  • 1) With the partial code below, create a web page that looks like the one below...

    1) With the partial code below, create a web page that looks like the one below and complete the given code. Make sure work that the correct image corresponding with the correct hyperlink is displayed in the right frame whilst all the hyperlinks are listed in the left frame. <html> <head> <script> function setImage(index) {     if (index == 1)     {       RightFrame.document.RightImage.src = "lions.jpg";     }     if (index == 2)     {       RightFrame.document.RightImage.src = "tigers.jpg";    ...

  • Website Case Study 59 JavaJam Coffee Hous Home Dobs Gear avaJam Gear Jnva)am Shirt Figure 12.6 Ne...

    JavaJam Gear Page We were unable to transcribe this imageWebsite Case Study 59 JavaJam Coffee Hous Home Dobs Gear avaJam Gear Jnva)am Shirt Figure 12.6 New JavaJam Gear page Task 4: Create the New Gear Page. One way to be productive is to create pages based on earlier work. Launch a text editor and cpen the Music page (music.html). Save the file your as gearhtml. This will give you a head start and ensure that the pages on the website...

  • Homework 8   Re-write this code using a style sheet not in-line styles <html> <head><title>position</title> </head> <body>...

    Homework 8   Re-write this code using a style sheet not in-line styles <html> <head><title>position</title> </head> <body> <img src= "snow.jpg" style="positon: absolute; top:0px; left: 0px; z-index: 1"> <img src="nagano_1.jpg" Style = "position: absolute; top:70px; left: 150px; z-index:2"> <h1 style= "position: fixed; top:50px; left: 50px; color:2338ee; z-index:3";> this is a test of position</h1> </body></html> 1. Create an HTML file that uses an alert dialog box to display the message "Hi There!" when the page loads 2. Create an HTML file that creates...

  • Question 1 To remove the underlining from an <a> element, you can use CSS to set...

    Question 1 To remove the underlining from an <a> element, you can use CSS to set its A. text-decoration property to none B. text-decoration property to off C. underline property to none D underline property to off Question 2 You can use the CSS list-style-type property to change A. the bullet style in an unordered list B the number style in an ordered list C the terms style in a description list Dthe bullet or number style in an unordered...

  • Question 1 To remove the underlining from an <a> element, you can use CSS to set...

    Question 1 To remove the underlining from an <a> element, you can use CSS to set its A. text-decoration property to none B. text-decoration property to off C. underline property to none D underline property to off Question 2 You can use the CSS list-style-type property to change A. the bullet style in an unordered list B the number style in an ordered list C the terms style in a description list Dthe bullet or number style in an unordered...

  • Javascript to edit a HTML file. Where to begin? <!doctype html> <html>    <head>      <meta charset="utf-8">      <title>TODO:...

    Javascript to edit a HTML file. Where to begin? <!doctype html> <html>    <head>      <meta charset="utf-8">      <title>TODO: Change The Title</title>    </head>    <body>      <h1></h1>      <p>First paragraph.</p>      <p class="intro">Second <span>paragraph</span>.</p>      <button id="start">Start</button>      <main> </main>      <!--       Test 6: DOM Programming       You MAY consult the notes for week 7, but you MAY NOT discuss this test or       your code with any other students.  All work must be your own.       Instructions:              1. Put all solution code in a file named solution.js.  When you upload your          solution to...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
Active Questions
ADVERTISEMENT