HomeworkLib
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

  • // I need help in creating and publishing a website with two pages for this assignment,...

    // I need help in creating and publishing a website with two pages for this assignment, I am new to this and need a bit of help as to what and how many HTML files I need to create, and CSS files. If anyone could send me a sample code or anything to start out with it would be appreciated ! I have attached the specifications and requirements below CPI 101 Introduction to Informatics Homework #1 Check Out My Website!...

  • 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 a small website that to where I need to interlink a CSS file into...

    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 the CSS attributes show up in the browser when I do click the "open with" after I click on the saved HTML file. Basically when I copy files from the internet, to see if the HTML and CSS would interlink and run, the HTML would run...

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

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