Question

In: Computer Science

Change the format of the given code to two columns, add a sub title and an...

Change the format of the given code to two columns, add a sub title and an author name and increase the color and thickness of the column-rule. Add an image and float the text around the image.

<!DOCTYPE html>
<!-- Fig. 5.17: multicolumns.html -->
<!-- Multicolumn text in CSS3. -->
<html>
<head>
<meta charset = "utf-8"›
<title>Multicolumns</title>
<style type = "text/css"›
p
{ margin:0.9em Oem; }
.multicolumns
{
/* setting the number of columns to 3 */
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
column-count: 3;
/ *setting the space between columns to 30px */
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
-o-column-gap: 30px;
column-gap: 30px;
/ *adding a 1px black line between each column */
-webkit-column-rule: 1px outset black;
-moz-column-rule: 1px outset black;
-o-column-rule: 1px outset black;
column-rule: 1px outset black;
}
</style>
</head>
<body>
<header>
<h1>Computers, Hardware and Software<h1/>
</header>
<div class = "multicolumns">
<p>A computer is a device that can perform computations and make logical decisions phenomenally faster than human beings can. Many of today's personal computers can perform billions of calculations in one second&mdash;more than a human can perform in a lifetime. Supercomputers are already performing thousands of trillions (quadrillions) of instructions per second! To put
that in perspective, a quadrillion-instruction-per-second computer can perform in one second more than 100,000 calculations for every person on the planet! And&mdash;these "upper limits" are growing quickly!</p>
<p>Computers process data under the control of sets of instructions called computer programs. These programs guide
the computer through orderly sets of actions specified by people called computer programmers. The programs that run on a computer are referred to as software. In this book, you'll learn today's key programming methodology that's enhancing programmer productivity, thereby reducing software-development costs&mdash;object-oriented programming.</p>
<p>A computer consists of various devices referred to as hardware (e.g., the keyboard, screen, mouse, hard disks, memory, DVDs and processing units). Computing costs are dropping
dramatically, owing to rapid developments in hardware and software technologies. Computers that might have filled large rooms and cost millions of dollars decades ago are now inscribed on silicon chips smaller than a fingernail, costing perhaps a few dollars each. Ironically, silicon is one of the most abundant materials&mdash;it's an ingredient in common sand. Silicon-chip technology has made computing so economical that more than a billion general-purpose computers are in use
that more than a billion general-purpose computers are in use worldwide, and this is expected to double in the next few years.</p>
<p>Computer chips (microprocessors) control countless devices. These embedded systems include anti-lock brakes in cars, navigation systems, smart home appliances, home security systems, cell phones and smartphones, robots, intelligent traffic intersections, collision avoidance systems, video game controllers and more. The vast majority of the microprocessors produced each year are embedded in devices other than general-purpose computers.</p>
<footer>
<em>&copy; 2012 by Pearson Education, Inc.
All Rights Reserved.</em>
</footer>
</div>
</body>
</html>

Solutions

Expert Solution

Dear Student ,

As per the requirement submitted above , kindly find the below solution.

Here a new web page with name "multicolumns.html" is created, which contains following code.

NOTE :IMAGE IS USED FOR DEMONSTRATION PURPOSE ONLY.

multicolumns.html :

<!DOCTYPE html>

<!-- Fig. 5.17: multicolumns.html -->

<!-- Multicolumn text in CSS3. -->

<html>

<head>

<meta charset = "utf-8">

<title>Multicolumns</title>

<style type = "text/css">

/* style for p */

p

{ margin:0.9em Oem;

text-align: justify;

}

/* style for class=multicolumns */

.multicolumns

{

/* setting the number of columns to 3 */

-webkit-column-count: 2;

-moz-column-count: 2;

-o-column-count: 2;

column-count: 2;

/*setting the space between columns to 30px */

-webkit-column-gap: 50px;

-moz-column-gap: 50px;

-o-column-gap: 50px;

column-gap: 50px;

/*adding a 1px black line between each column */

-webkit-column-rule: 3px outset black;

-moz-column-rule: 3px outset black;

-o-column-rule: 3px outset black;

column-rule: 3px outset black;

}

/* style for image */

img{

height: 200px;

width: 200px;

float: left;

padding: 20px;

}

/* style for h2 */

h2{

margin-left: 250px;

margin-top:-20px;

}

/* style for h4 */

h4{

margin-left: 400px;

margin-top:-20px;

}

</style>

</head>

<body>

<header>

<h1>Computers, Hardware and Software<h1/>

<h2>Welcome to the world of computer.</h2>

<h4>By:John Ram</h4>

</header>

<div class = "multicolumns">

<img src="Image1.jpg" />

<p>A computer is a device that can perform computations and make logical decisions phenomenally faster than human beings can. Many of today's personal computers can perform billions of calculations in one second&mdash;more than a human can perform in a lifetime. Supercomputers are already performing thousands of trillions (quadrillions) of instructions per second! To put

that in perspective, a quadrillion-instruction-per-second computer can perform in one second more than 100,000 calculations for every person on the planet! And&mdash;these "upper limits" are growing quickly!</p>

<p>Computers process data under the control of sets of instructions called computer programs. These programs guide

the computer through orderly sets of actions specified by people called computer programmers. The programs that run on a computer are referred to as software. In this book, you'll learn today's key programming methodology that's enhancing programmer productivity, thereby reducing software-development costs&mdash;object-oriented programming.</p>

<p>A computer consists of various devices referred to as hardware (e.g., the keyboard, screen, mouse, hard disks, memory, DVDs and processing units). Computing costs are dropping

dramatically, owing to rapid developments in hardware and software technologies. Computers that might have filled large rooms and cost millions of dollars decades ago are now inscribed on silicon chips smaller than a fingernail, costing perhaps a few dollars each. Ironically, silicon is one of the most abundant materials&mdash;it's an ingredient in common sand. Silicon-chip technology has made computing so economical that more than a billion general-purpose computers are in use

that more than a billion general-purpose computers are in use worldwide, and this is expected to double in the next few years.</p>

<p>Computer chips (microprocessors) control countless devices. These embedded systems include anti-lock brakes in cars, navigation systems, smart home appliances, home security systems, cell phones and smartphones, robots, intelligent traffic intersections, collision avoidance systems, video game controllers and more. The vast majority of the microprocessors produced each year are embedded in devices other than general-purpose computers.</p>

<footer>

<em>&copy; 2012 by Pearson Education, Inc.

All Rights Reserved.</em>

</footer>

</div>

</body>

</html>

======================================================

Output : Open web page multicolumns.html in the browser and will get the screen as shown below

Screen 1 :multicolumns.html

NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.

venereology answered 3 hours ago
Next > < Previous

Related Solutions

code in c++ using the code given add a hexadecimal to binary converter and add a...
code in c++ using the code given add a hexadecimal to binary converter and add a binary to hexadecimal converter #include <iostream> #include <string> #include<cmath> #include<string> using namespace std; int main() { string again; do { int userChoice; cout << "Press 2 for Decimal to Binary"<< endl; cout << "Press 1 for Binary to Decimal: "; cin >> userChoice; if (userChoice == 1) { long n; cout << "enter binary number" << endl; cin>>n; int decnum=0, i=0, remainder; while(n!=0) {...
Create the following 3D plot in boxed format using MAPLE. Include a title and the code...
Create the following 3D plot in boxed format using MAPLE. Include a title and the code for the plot in the same page. -A pair of concentric cylinders about the z axis, with a height of 7.
Create the following 3D plot in boxed format using MAPLE. Include a title and the code...
Create the following 3D plot in boxed format using MAPLE. Include a title and the code for the plot in the same page. -3 spheres of radius 5 centered at (0,-8,0) , (0,8,0) and (0,0,0)
Code in Java Given the LinkedList class that is shown below Add the following methods: add(String...
Code in Java Given the LinkedList class that is shown below Add the following methods: add(String new_word): Adds a linkedlist item at the end of the linkedlist print(): Prints all the words inside of the linkedlist length(): Returns an int with the length of items in the linkedlist remove(int index): removes item at specified index itemAt(int index): returns LinkedList item at the index in the linkedlist public class MyLinkedList { private String name; private MyLinkedList next; public MyLinkedList(String n) {...
I have this MIPS code and I need to find: add f,g,h add f,f,i sub f,f,j...
I have this MIPS code and I need to find: add f,g,h add f,f,i sub f,f,j a. How many bits does it take to encode ? b. How many bits needed in register file to store the data?
Convert in machine code for MIPS LW S5, 33(S2); Add R1, T3, S5; Sub T4, S3,...
Convert in machine code for MIPS LW S5, 33(S2); Add R1, T3, S5; Sub T4, S3, R3; SW T4, 124(T7);
JAVA programming language Please add or modify base on the given code Adding functionality Add functionality...
JAVA programming language Please add or modify base on the given code Adding functionality Add functionality for multiplication (*) Adding JUnit tests Add one appropriately-named method to test some valid values for tryParseInt You will use an assertEquals You'll check that tryParseInt returns the expected value The values to test: "-2" "-1" "0" "1" "2" Hint: You will need to cast the return value from tryParseInt to an int e.g., (int) ValidationHelper.tryParseInt("1") Add one appropriately-named method to test some invalid...
2. Specification - Given the following code base, add the appropriate function that will give the...
2. Specification - Given the following code base, add the appropriate function that will give the correct results/output. CODE: # TODO : Add Two Missing Functions HERE mlist = [(" Orange ", 10 , 0.25) ,( " Apple ", 5 , .20) , (" Banana ", 2 , 0.3) ,(" Kiwi ", 1 , 0.5)] addFruit (10 ," Lemon " ,0.1) displayFruitList ( mlist ) OUTPUT: Orange --- $ 2.50 Apple --- $ 1.00 Banana --- $ 0.60 Kiwi ---...
Change the following code to where it adds an image(leave the image blank, I can add...
Change the following code to where it adds an image(leave the image blank, I can add the image) to the question and to generate the questions and answers in a different order each time you begin the quiz. <!DOCTYPE html> <html lang="en" xmlns=""> <head> <meta charset="utf-8" /> <title>World Cup Quiz</title> </head> <body> <style> #flashcards001 { background-color: white; border: 4px solid black; width: 400px; height: 400px; border-radius: 10px; padding: 10px; margin: 10px; } .buttons001 { background-color: blue; color: white; padding: 5px;...
Change the following code to where it adds an image(leave the image blank, I can add...
Change the following code to where it adds an image(leave the image blank, I can add the image) to the question and to generate the questions and answers in a different order each time you begin the quiz. I have 10 questions but due to chegg not allowing me to post all of my code I shorted it to one question. <!DOCTYPE html> <html lang="en" xmlns=""> <head> <meta charset="utf-8" /> <title>World Cup Quiz</title> </head> <body> <style> #flashcards001 { background-color: white;...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT