Homework Help is Here – Start Your Trial Now!
Engineering
Computer Engineering
reate a with four nested elements Show a solid, 2px border on each article Add overflow:auto; where necessary Add a width of 300px to each article and float each article left Add h2 headings to each article. These short headings should introduce the r something about San Jose. On the line after the closing h2 tag, add a placeholder image that is 100px wi 100px tall. After each image add two paragraphs related to the heading. Paragraphs sho to five sentences long and have meaning - feel free to copy the text from som else but avoid using blah, blah, blah or placeholder ("Lorem ipsum") text. Float the image left. reate a footer-type your name in a paragraph in the footer. our work - you will needed it for a future exercise. e Our code "coding" discussion board to share your work with your classmates. em to check your code to see if it is correct and if any corrections are required. what happens when you move the right edge of the browser window to make the ? articles will shrink and the content inside them will disappear

reate a with four nested elements Show a solid, 2px border on each article Add overflow:auto; where necessary Add a width of 300px to each article and float each article left Add h2 headings to each article. These short headings should introduce the r something about San Jose. On the line after the closing h2 tag, add a placeholder image that is 100px wi 100px tall. After each image add two paragraphs related to the heading. Paragraphs sho to five sentences long and have meaning - feel free to copy the text from som else but avoid using blah, blah, blah or placeholder ("Lorem ipsum") text. Float the image left. reate a footer-type your name in a paragraph in the footer. our work - you will needed it for a future exercise. e Our code "coding" discussion board to share your work with your classmates. em to check your code to see if it is correct and if any corrections are required. what happens when you move the right edge of the browser window to make the ? articles will shrink and the content inside them will disappear

Computer Networking: A Top-Down Approach (7th Edition)
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
See similar textbooks
icon
Related questions
Question
Question 21 For the following exercise use inline css only. Create Use a code editor to create a full html page. Include the document type, <html>, <head> and <body> tags. In the body: Create a <section> with four nested <article> elements Show a solid, 2px border on each article Add overflow:auto; where necessary Add a width of 300px to each article and float each article left Add h2 headings to each article. These short headings should introduce the reader to something about San Jose. On the line after the closing h2 tag, add a placeholder image that is 100px wide and 100px tall. After each image add two paragraphs related to the heading. Paragraphs should be three to five sentences long and have meaning - feel free to copy the text from somewhere else but avoid using blah, blah, blah or placeholder ("Lorem ipsum") text. Float the image left. Create a footer - type your name in a paragraph in the footer. Save Save your work - you will needed it for a future exercise. Validate Copy your code Use the "coding" discussion board to share your work with your classmates. Ask them to check your code to see if it is correct and if any corrections are required. Test Finally, what happens when you move the right edge of the browser window to make the viewport smaller? O The articles will shrink and the content inside them will disappear O the articles on the right will become hidden from view O The articles will begin to move under each other. O The article width will shrink but they will get longer so that the content inside them doesn't disappear
Transcribed Image Text:Question 21 For the following exercise use inline css only. Create Use a code editor to create a full html page. Include the document type, <html>, <head> and <body> tags. In the body: Create a <section> with four nested <article> elements Show a solid, 2px border on each article Add overflow:auto; where necessary Add a width of 300px to each article and float each article left Add h2 headings to each article. These short headings should introduce the reader to something about San Jose. On the line after the closing h2 tag, add a placeholder image that is 100px wide and 100px tall. After each image add two paragraphs related to the heading. Paragraphs should be three to five sentences long and have meaning - feel free to copy the text from somewhere else but avoid using blah, blah, blah or placeholder ("Lorem ipsum") text. Float the image left. Create a footer - type your name in a paragraph in the footer. Save Save your work - you will needed it for a future exercise. Validate Copy your code Use the "coding" discussion board to share your work with your classmates. Ask them to check your code to see if it is correct and if any corrections are required. Test Finally, what happens when you move the right edge of the browser window to make the viewport smaller? O The articles will shrink and the content inside them will disappear O the articles on the right will become hidden from view O The articles will begin to move under each other. O The article width will shrink but they will get longer so that the content inside them doesn't disappear
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps with 1 images

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY
SEE MORE TEXTBOOKS