Question

Make a layout template that contains a header and two paragraphs. Use float to line up...

Make a layout template that contains a header and two paragraphs. Use float to line up the two paragraphs as columns side by side. Give the header and two paragraphs a border and/or a background color so you can see where they are.
0 0
Add a comment Improve this question Transcribed image text
Answer #1
 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } .column { float: left; width: 50%; padding: 10px; height: 400px; .row:after { content: "This is sample"; display: table; clear: both; } </style> </head> <body style="background-color:#E238EC"> <h1>THIS IS A SAMPLE WEBPAGE</h1> <div class="row"> <div class="column" style="background-color:Aqua;"> <h2>HTML Column 1</h2> <p>This is the first paragraph.In this paragraph we import some text/code.whatever we want.I will put some text here about html.html stands for    HyperTextMarkupLanguage.using this language we create our own website.</p> </div> <div class="column" style="background-color:#3BB9FF;"> <h2>CSS Column 2</h2> <p>his is the second paragraph.In this paragraph we import some text/code.whatever we want.I will put some text here about css.CSS stands for Cascading Style sheet. There are three types of css.Inline,Internal,External.  </p> </div> </div> </body> </html>

steps:

1.insert a document type.

2.open a html tag

3.open a head tag

4.open a title tag and put a title here.and close the title tag.

5.open a meta tag it is optional.close it.

6.open a style tag.in this code i use internal css.and close after finish the style.close the head tag.

7.open a body tag if you want put background color here(inline).

8.then put a header here.

9.Then open a division tag.and create a class..

10.then create a first section and the add a paragraph whatever you want.then close the division tag.

11.similarly create a second section.

Note:In the style tag i put the float parameter for creating column side by side.

12.then close the body tag.and close the html tag.

Add a comment
Know the answer?
Add Answer to:
Make a layout template that contains a header and two paragraphs. Use float to line up...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

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
  • PLEASE HELP: EASY CODE. Using your template create a webpage that contains a div. Give the...

    PLEASE HELP: EASY CODE. Using your template create a webpage that contains a div. Give the body element the id of TOOscary. Give the div the id of ghost. At the bottom of the page (just before the closing body tag) insert a script element. In the script element insert an assignment statement to save the content of the webpage using the variable candy. Hint: candy= document.getElementById(‘TOOscary’).innerHTML; We want to save it so we can bring it back after we...

  • Using the classes you've developed in Labs 5.1-4, write an app that loads window data from a file, creates the proper window object, loading them up into an array of type Window, and then traversi...

    Using the classes you've developed in Labs 5.1-4, write an app that loads window data from a file, creates the proper window object, loading them up into an array of type Window, and then traversing the array performing Window-level actions (displaying, setting visibility, resizing). The Details The window.data file contains window data for the various (concrete) Window subclasses (ColoredWindow and BorderedWindow). THe problem is detecting what kind of window data is coming up next — the read method of ColoredWindowtakes...

  • For this part of the lab make a template out of the myMax function and test...

    For this part of the lab make a template out of the myMax function and test it on different data types. myMaxTemplate.cpp : /**************************************************** * * FileName: maxTemplate.cpp * Purpose: Demonstrate the use of function templates * ********************************************************/ #include <iostream> #include <string> using namespace std; //Make a template out of the prototype int myMax(int one, int two); int main() { int i_one = 3, i_two = 5; cout << "The max of " << i_one << " and " <<...

  • Using HTML and JavaScript. For this assignment you should submit a single zip file that contains...

    Using HTML and JavaScript. For this assignment you should submit a single zip file that contains the following two files: index.html script.js index.html should be a skeleton HTML page. So it should have the following tags: doctype html head meta title body script If you were to open index.html without including the associated JavaScript it should be entirely blank. You should then use JavaScript to create all of the content of this page and append it to the body of...

  • finished the web page ********************************************************* .js // I've added a span with the id "count" which...

    finished the web page ********************************************************* .js // I've added a span with the id "count" which you can use to modify // the number of clicks on the page // you can do this by getting the value; incrementing it and then // modifying the value of the span function changeColor(){     const colors = ['red', 'green', 'blue', 'cyan', 'yellow', 'black', 'silver', 'tan'];     // Choose a random float from [0, 1) the multiply by length to get random index     // Math.floor()...

  • As part of this assignment we are using the base Gallery HTML and writing JavaScript code...

    As part of this assignment we are using the base Gallery HTML and writing JavaScript code that will: 1) preload the images provided to us, 2) Create rollover functionality for each of the thumbnails in your image gallery 3) Use appropriate images found in the images folder. 4) Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery. I know it has to be an external JS...

  • C++ must use header files and implementation files as separate files. I’ll need a header file,...

    C++ must use header files and implementation files as separate files. I’ll need a header file, implementation file and the main program file at a minimum. Compress these files into one compressed file. Make sure you have adequate documentation. We like to manipulate some matrix operations. Design and implement a class named matrixMagic that can store a matrix of any size. 1. Overload the addition, subtraction, and multiplication operations. 2. Overload the extraction (>>) and insertion (<<) operators to read...

  • For this assignment, you will use your knowledge of arrays and ArrayLists to write a Java...

    For this assignment, you will use your knowledge of arrays and ArrayLists to write a Java program that will input a file of sentences and output a report showing the tokens and shingles (defined below) for each sentence. Templates are provided below for implementing the program as two separate files: a test driver class containing the main() method, and a sentence utilities class that computes the tokens and shingles, and reports their values. The test driver template already implements accepting...

  • 3) Color We will play with PS1 prompt's color. Please make your PS1 prompt: a text...

    3) Color We will play with PS1 prompt's color. Please make your PS1 prompt: a text format: bold (See Linux/Unix Color Code Table below) b. text color: 36 c. back round color: optional, you may choose one yourself or leave it as the default background color, Beains, don't put any value for background color.) Either of the following color syntax works in Linux system: le Seelessados \/\033[ScoLeRada Ser: Start color scheme.m: End color scheme [\033: Start color scheme. ]: End...

  • Using Python. You will create two classes and then use the provided test program to make sure your program works This m...

    Using Python. You will create two classes and then use the provided test program to make sure your program works This means that your class and methods must match the names used in the test program You should break your class implementation into multiple files. You should have a car.py that defines the car class and a list.py that defines a link class and the linked list class. When all is working, you should zip up your complete project 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