ZuoTi.Pro
Question

I need help with the following assignment, mostly what kind of code would be needed to create a website that looks like the attached picture

Colors must be the same, or very close to the image colors.

Must be written in CSS/HTML

METRO COLORS MICROSOFT DESGIN

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

Homework Answers

Answer #1

Given is the code for creating this image using HTML and CSS

This website can be created using table tags of HTML along with its attributes. Here  a combination of inline and internal CSS is being used.

<!DOCTYPE html>

Basic HTML syntax


<html>
<head>

Internal css code


<style>


#text{
background-color: #4169C1;
color: white;
font-size: 12px;
text-align: center;
}
  
#yellow{ background-color: #F09800; color: #F09800;}
#purple{background-color: #6523FF; color:#6523FF; }
#grey{ background-color: #637658;}
#blue{background-color: #398DE7;}

table{
width: 600px;
height:300px;
border: 8px solid #27613F;
  
}
td{
border: 2px solid #27613F;
width: 100px;   
}   
</style>
  
</head>
<body>

<table cellspacing=0.5>
<tr >
<td id="text" rowspan="2" colspan="2">METRO COLORS</td>
<td id="yellow">-----------</td>
<td id="purple">-----------</td>
<td id="yellow">-----------</td>
<td id="purple">-----------</td>
  
</tr>

<tr>
<td id="grey"></td>
<td id="blue"></td>
<td id="grey"></td>
<td id="blue"></td>
</tr>
<tr>
<td id="yellow"></td>
<td id="purple"></td>
<td id="yellow"></td>
<td id="purple"></td>
<td id="text" colspan="2" rowspan="2">MICROSOFT DESIGN</td>
</tr>

<tr>
<td id="grey"></td>
<td id="blue"></td>
<td id="grey"></td>
<td id="blue"></td>
  
</tr>
  
</table>

</body>
</html>

METRO COLORS MICROSOFT DESIGN

If this answer is helpful please give it a thumbs up. Thank You


answered by: ANURANJAN SARSAM
0 0
Add a comment
Answer #2

Given is the code for creating this image using HTML and CSS

This website can be created using table tags of HTML along with its attributes. Here  a combination of inline and internal CSS is being used.

<!DOCTYPE html>

Basic HTML syntax


<html>
<head>

Internal css code


<style>


#text{
background-color: #4169C1;
color: white;
font-size: 12px;
text-align: center;
}
  
#yellow{ background-color: #F09800; color: #F09800;}
#purple{background-color: #6523FF; color:#6523FF; }
#grey{ background-color: #637658;}
#blue{background-color: #398DE7;}

table{
width: 600px;
height:300px;
border: 8px solid #27613F;
  
}
td{
border: 2px solid #27613F;
width: 100px;   
}   
</style>
  
</head>
<body>

<table cellspacing=0.5>
<tr >
<td id="text" rowspan="2" colspan="2">METRO COLORS</td>
<td id="yellow">-----------</td>
<td id="purple">-----------</td>
<td id="yellow">-----------</td>
<td id="purple">-----------</td>
  
</tr>

<tr>
<td id="grey"></td>
<td id="blue"></td>
<td id="grey"></td>
<td id="blue"></td>
</tr>
<tr>
<td id="yellow"></td>
<td id="purple"></td>
<td id="yellow"></td>
<td id="purple"></td>
<td id="text" colspan="2" rowspan="2">MICROSOFT DESIGN</td>
</tr>

<tr>
<td id="grey"></td>
<td id="blue"></td>
<td id="grey"></td>
<td id="blue"></td>
  
</tr>
  
</table>

</body>
</html>

METRO COLORS MICROSOFT DESIGN

If this answer is helpful please give it a thumbs up. Thank You

0 0
Add a comment
Know the answer?
Add Answer to:
I need help with the following assignment, mostly what kind of code would be needed to...
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

  • Can someone plz help me??? I would like a website that has to do with guitars...

    Can someone plz help me??? I would like a website that has to do with guitars or something to do with music, someone asked me what kind of website I would like to have and that would be awesome. The attributes to be included, are below. I need a small website that to where I need to interlink a CSS file into the HTML file. I don't know to save the files to have to be able to run with...

  • I need some help with a html code, The code for the CRUD terms on the...

    I need some help with a html code, The code for the CRUD terms on the left side of the section box. I need the lines under create, read, update, delete to be the same color as the section box. Thank you! How do I make the CRUD i.e to "create" "new" on whats inside the section box. create read update delete

  • I need help writing a very basic code in python. The code should not be very...

    I need help writing a very basic code in python. The code should not be very complicated. The code must have the following things in it: 1. create a function that takes a state and length of characters and makes a license plate and use the function to make a plate based on user input (use the def function and random.choice as well as import random) 2. the license plate should be a mix of random letters and numbers based...

  • hi, i need help with this assignment and my major is Information Technology. Using a website...

    hi, i need help with this assignment and my major is Information Technology. Using a website like Indeed.com or Monster.com locate a job ad in your field that references communication or writing skills of any kind. Once you've chosen an ad, also identify any references to professional attitudes or work habits that they expect from an employee. Attach the advertisement (as an image or pdf) and then explain your findings. In other words, explain to me where you see references...

  • I need help with this question. The code will be written in pycharm and the function...

    I need help with this question. The code will be written in pycharm and the function shouldn't change. Thanks! Assignment objective This lab will give you additional practice with string processing and also introduce you to working with tuples. Getting started For the labs and homework assignments in this course you will be writing functions that solve computational problems. To help you get started on each assignment, we will give you on Piazza a "bare bones" file with a name...

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

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • Below is the code created for a previous assignment. I now need to create functions to...

    Below is the code created for a previous assignment. I now need to create functions to validate the name, age, and item selection in an external JavaScript file. Specifically, check for the following: The user has entered a name Age is a number between 18 and 110 An item is selected Ensure that a handler returns true if the input is acceptable and false otherwise. Add an onSubmit attribute to the form tag so that a validation failure prevents the...

  • i need help with this web page project and i need the code too for this web page Include two or three HTML features that...

    i need help with this web page project and i need the code too for this web page Include two or three HTML features that make the website more robust, dynamic, and professional. Which features you opt to add can be discussed in the discussions. Some ideas might be to have all three types of links (internal to the page, links to your other pages, or links to other websites). Complete a Contact Us page which includes a form. Try...

  • JavaScript expert, I need your help : My program doesn't work. I have the following program,...

    JavaScript expert, I need your help : My program doesn't work. I have the following program, it is simple web page: Create an object called person with name = John, age = 50. Then, access the object to display "John is 50 years old”. I have written some code here. Hint: Create an object with the var keyword, followed by a name and an "=" sign. Put the properties and values inside the {}; signs Note: Use getElementById() and innerHTML...

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