ZuoTi.Pro
Question

PART A Create a web page containing data of your choice and the following styles: A background image that repeats vertically

Can someone help me with this assignment. I am struggling with the formatting

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

Homework Answers

Answer #1

<!--html -->
<html>
<head>
<!-- internal css for code-->
<!-- css property for background-->
   <!-- css property for headings-->
   <!-- css property for paragraphs-->
<style>
  
   body{
       background-image:url('2.jpg');
       background-size:250px 250px;
       background-repeat: repeat-y;
       background-position:right top;
       background-attachment: fixed;
   }

   h1,h2,h3{
       color:green;
       font-family: Arial;
   }

   #p1{
       color:red;
       font-style:bold;
       line-height: 2 ;

   }
   #p2{
       letter-spacing: 3px;
       font-style:italic;
       background-color:grey;
   }
</style>
</head>
<!--start of body-->
<body>
<h1>Heading-1</h1>

<!--paragraph1-->
<p id="p1">
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
   paragraph with double centred space and text in red colour and font style is bold.
</p>
<h2>Heading-2</h2>
<!--paragraph2-->
<p id="p2">
   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.   paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.paragraph style with expanded letter spacing and italicized text.the style should
   also change background to grey.
</p>
<h3>Heading-3</h3>
<!-- ordered lists-->
<ol type="A">
<li>Review
   <ol type="1">
       <li>HTML Tags
           <ol type="a">
               <li>Tables</li>
               <li>Frames</li>
               <li>Forms</li>
           </ol>
       </li>
       <li>Uploading</li>
   </ol>
   </li>
<li>Styles
   <ol type="1">
       <li>Lists
           <ol type="a">
               <li>Nested Lists</li>
               <li>3 Levels of Nesting</li>
           </ol>
       </li>
   </ol>
</li>
</ol>

</body>
</html>

output:

Heading-1 TV paragraph with double centred space and text in red colour and font style is bold, paragraph with double centred

0 0
Add a comment
Know the answer?
Add Answer to:
Can someone help me with this assignment. I am struggling with the formatting PART A Create...
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

  • Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in...

    Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in the textbook and then a create web page, for example called table.html, in your ubunix.buffalo.eduaccount just as you did in Home Page Assignment. Assignment Requirements Your new web page should utilize the following HTML tags and include the following: A <body> tag that uses an appropriate style value to change the background color of the web page. Appropriate <table>, <tr>, <th>, and <td> tags...

  • (Below I have posted my full assignment so my question makes sense with context. The part...

    (Below I have posted my full assignment so my question makes sense with context. The part I am struggling with is section e. I am not sure how to create the said class. If you could help it would be appreciated. Also, this is all HTML code.) In this assignment you will create a web page about your favorite TV show of all-time and link it to an external style sheet to apply a few CSS rules to it. Follow...

  • Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 Extern...

    Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 External Style Sheet - Brandon  */ Style the h1 element with a background color of lightgreen and center the text. Style the p element with a blue text color and yellow background color. Style the p element of class .firstclass with a green text color. Style the...

  • 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....

  • Your goal of this assignment is to create a mini shopping page with a form and...

    Your goal of this assignment is to create a mini shopping page with a form and math calculations. Your web page should capture the users First Name, Last Name, Street Address, City, State, and Zip Code. It should ask them how many items they wish to buy. It should present them with a list of at least 3 items with different prices - they need to pick one. It will then alert them to what their customer information (name and...

  • Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

    Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Daniel's Movie Page</title> </head> <body> <a href="hobbies.html">Hobbies</a> <h1>Movies and Actors</h1> <ol> <li class="ol-list1">Gravity</li> <li>Avenger</li> <li>Marshal</li> <li>Interstellar</li> <li>Dark Knight</li> <li>Superman</li> </ol> <ul> <li class="ul-list1">Robet Downey jr.</li> <li>Sharuk Khan</li> <li>Ranbir Kapoor</li> <li>Sidhhart Malhotra</li> <li>Angela Joli</li> <li>Leonardo DiCaprio/li> </ul> <h2>Favorite Movie</h2> <p> <b>Gravity:</b> The movie portrayed what happens to an astronaut if he/she is pushed away from spaceship.It was terrifying how much...

  • 2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instru...

    2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...

  • Could you create a website based on html and css? Details in the below: Note: You...

    Could you create a website based on html and css? Details in the below: Note: You can put link that I can download that folder Based on Project 2-1, do the necessary changes to have a webpage structure of a header, main, and footer sections. Then: •Set the width of the page to 700px •Use the font family starting with Verdana •Move one of the images from your Project 2-1 to the header. •Set the width of the header image...

  • Place an e-iall k t0 yuIJU 6. Create a web page about your favorite sports team...

    Place an e-iall k t0 yuIJU 6. Create a web page about your favorite sports team with a two-column table that list the positions and starting players. Use embedded CSS to style the table border, back ground color, and center the table on the web page. Place an e-mail link to yourself n the web page. Save the file as sport8.html. 7. Create a web page about your favorite movie that uses a two-column table contain- ing details about the...

  • This is your opportunity to be creative! You are required to create a minimum of two...

    This is your opportunity to be creative! You are required to create a minimum of two HTML pages. The first required web page is your Home Page, which is about you. The second web page describes a place to which you have traveled or would like to travel. Each of your web pages will be graded for content, creativity, and for appropriate use of the HTML statements that have been discussed in class. You must use a text editor and...

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
ADVERTISEMENT