Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN: 9780133594140
Author: James Kurose, Keith Ross
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Related questions
Question
thumb_up100%
Transcribed Image Text:<div>This is the main point of the entire article. So, attribute
<span id="mainPoint">id="mainPoint".</span> </div>
</body>
</html>
Transcribed Image Text:Given the HTML document below, edit the CSS style rule by changing xxx with the right
selector to achieve the desired layout and design of the page.
<!DOCTYPE html>
khtml>
khead>
<title>Simple Selectors</title>
<style>
/* all h2 elements */
ххх (
color: red;
text-align: center;
/* all with class="highlight" */
ххх (
font-size: 20px;
font-weight: bold;
font-style: italic;
background-color: green;
opacity: .6;
/* element with id="mainPoint" */
Xxx (
font-size: 24px;
font-weight: bold;
background-color: red;
opacity: .7;
/* all p AND h1 elements */
ххх (
color: blue;
text-align: center;
</style>
k/head>
kbody>
<h1>Simple Selectors (h1)</hl>
<h2>Subheading 1 (h2) </h2>
<p class="highlight">Lorem ipsum dolor
sit
amet,
consectetur
adipisicing elit. Possimus amet alias est? Nobis cum quasi at soluta odit,
maiores quaerat dolores expedita ex nemo ea repellendus dolorem sed maxime
quos?</p>
<p class="highlight">Paragraph with attribute class="highlight".
Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<h2>Subheading 2 (h2)</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi
nemo ipsum dolores vel modi magnam veniam alias at nam. Voluptatem officiis
dolor dolorem aspernatur dolorum modi ipsa, nobis animi aut!</p>
CS 3 Page 5 of 6
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by stepSolved in 4 steps with 2 images
Knowledge Booster
Similar questions
- I need to make this code look like the image I am sending. I've attached a photo of the directions and what the outcome should be. <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Complete a Form</title> <style> * { margin: 0; padding: 0; } body { font: 87.5% Arial, Helvetica, sans-serif; width: 500px; margin: 20px auto; padding: 20px; border: 2px solid blue; } h1 { color: blue; font-size: 140%; } h2 { font-size: 115%; padding: .5em 0; } label { color: blue; float: left; width: 8em; font-weight: bold; text-align: left; } input { width: 15em; margin: 0 0 .5em 1em; } #button, #reset {…arrow_forwardHTML Last lab, you created a webpage about someone you admire. Now we are going to add some styling to the webpage. You must apply descriptors (css rule) to the following selectors (any tags you do not currently have need to be added): body h1,h2,h3,h4,h5,h6,h7 (use at least 2) p ul li img You must use all of the following descriptors below in your page. Although you are not being graded on your design ability, do your best to make the style your own. Text Descriptors color font-size font-weight text-align Background background-color border Size width height margin You may add any additional styling or layout descriptors you like. Layout is a complicated topic in CSS and the lab does not require any specific layout, but here is a good explanation if you want to alter the layout anyway: https://learnlayout.com/arrow_forward<!doctype html><html><head><meta charset="UTF-8"><title>Flexbox Product Listing Exercise</title> <style>html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body { font-family: Georgia, serif; line-height: 1.5em;}h1 { font-size: 4em; font-weight: normal;}h2 { font-size: 1.2em; margin-top: 0;}#menu { border: 3px solid #783F27; }section { background: #F6F3ED; margin: 10px; padding: 20px; border: 1px dotted maroon; width: 240px; display:flex; flex-direction:column;}.title { background-color: #783F27; color: #F9AB33; line-height: 4em;}.price { font-weight: bold; background: #F9AB33; padding: 5px; width: 100%; text-align: center; margin-top:auto;}</style> </head> <body><div id="menu"><section class="title"><h1>Bistro Items To Go</h1></section> <section class="dish"><h2>1<br>Black bean purses</h2><p class="info">Spicy black bean…arrow_forward
- Write a program in html Create a CSS style for an H3 element, where: - colour is blue (in RGB format) - text aligned to left - text decoration red wavy underline - text transformed to uppercasearrow_forwardwhat I have so far <!DOCTYPE html><html lang="en"> <style> body{margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271;color: white;}h1{color: #fe6a67;text-align: center;font-weight: normal;text-transform: uppercase;border-top: 1px dotted #d4dccd; margin-top: 30px;}h2{font-size: 1em;text-align: center; } body{ margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{width: 2px;border-top: 1px dotted; border-top-color: #506D84;} h2{ text-align: center; } </style> <head><link rel="stylesheet" href="style.css"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.first>h2, .second>h2, .third>h2 {margin-top: 10px;margin-bottom: 10px;} .image {width: 200px;}</style></head> <body><div…arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following word search application, which searches for words in paragraphs, modify it so that it Adds two spans tab within the HTML within the designated new "Illustate" text segments as shown below. Has a new click event which searches the occurrence of the word within all span tabs residing within the first div container , then highlights the text in the span tab which contains the word c) In the same routine, count the number of times ( using a global variable) that the word is found Within the object array loop for span tabs ( where the indexOf statement is located) and after all span tabs are highlighted, send that number to a new html element ( a div, h1, span, p choice is up to you). The count should be continually accumulated and should show the total number of times a word is found in a span tab for all user activated clicks of the search button for…arrow_forward
- I am having some issues completing this assignment. Any help would be greatly appreciated. Thank You! HTML: <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8"><title>Shape Up!</title><link rel="stylesheet" href="main.css"></head> <body><div class="container"><header><div class="headerImg"><img src="images/shape_up_logo.png" height="105" width="140"/> </div><div class="headerTxt"><h2>Shape Up!</h2><h3>Find the best fit for you</h3></div></header> <main><div class="sidebar"><aside><h2>Additional Resources</h2><ul><li><a href="diet/index.html">Physical activity and health</a></li> <li><a href="diet/index.html">Stretching exercises</a></li> <li><a href="diet/index.html">Strength training</a></li> <li><a href="diet/index.html">…arrow_forwardweb developmentarrow_forwardHTML One way of centering a div element with class name "inner" inside of another larger div element with class name "outer" with having inner being 200 X 200 pixels and outer being 400 X 400 pixels would be: (Assume that they are nested in the html file page and NOT decoupled and self-contained) Both div elements have borders a. .inner{ margin-top:200px; margin-left:200px; } b. div { margin-top:100px; margin-left:100px; } c. .inner{ margin-top:100px; margin-left:100px; } d. .inner{ margin-left: 100px; } Given the following html, what would be the correct css to make the ul element red text <html> <head> <link rel=…arrow_forward
- what I have so far <!DOCTYPE html><html lang="en"> <style> body{margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271;color: white;}h1{color: #fe6a67;text-align: center;font-weight: normal;text-transform: uppercase;border-top: 1px dotted #d4dccd; margin-top: 30px;}h2{font-size: 1em;text-align: center; } body{ margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{width: 2px;border-top: 1px dotted; border-top-color: #506D84;} h2{ text-align: center; } </style> <head><link rel="stylesheet" href="style.css"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.first>h2, .second>h2, .third>h2 {margin-top: 10px;margin-bottom: 10px;} .image {width: 200px;}</style></head> <body><div…arrow_forwardHTML/CSS: Need help in creating a sidebar header canvas for the love and hate buttons. Below are the codes and attached is image of how the sidebar header canvas must look like. Make sure to involve the correct code with the output: index.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Summer School</h1> <ulclass="content home"> <li><a href="/index.html" >Summer School Info</a></li> <li><a href="/summerschool.html">Mainpage</a></li> </ul> </body> </html> summerschool.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSON
Computer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier Science
Network+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning 
Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage Learning
Prelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson Education
Sc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY
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 Engineering
ISBN:9780124077263
Author:David A. Patterson, John L. Hennessy
Publisher:Elsevier Science
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
Computer Engineering
ISBN:9781337093422
Author:Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:Cengage Learning
Prelude to Programming
Computer Engineering
ISBN:9780133750423
Author:VENIT, Stewart
Publisher:Pearson Education
Sc Business Data Communications and Networking, T...
Computer Engineering
ISBN:9781119368830
Author:FITZGERALD
Publisher:WILEY