New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Question
Chapter 1, Problem 9CP1
Program Plan Intro
a. To mark the first two paragraphs under article element using
tag.
Program Plan Intro
b. To enclose five lines of the contact information within address element and insert line break at the end of first four lines.
Program Plan Intro
c. To mark the text JTC company name given in first line of the address as a strong element.
Program Plan Intro
d. To mark the email address under address section of jtc_index.html file as hypertext link, and telephone number as telephone link including the international access code.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Make sure that the heading that starts with “Children’s Lessons” does not float to the right
of the image by clearing the float at that element. In the ski.html file, add the following
attribute/value pair to the opening tag that marks the Children’s Lessons heading:
class="clearfloat"
How do you in the footer element in the html file, wrap two paragraph elements within a div element that specifies a class attribute value of copyright. Indent the two paragraph elements within the div.
</main>
<footer> <p>© Copyright 2021. All Rights Reserved.</p> <p> <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a></p> </footer> </div>
1) In the contact.html file, find the p element with the class attributes of tel-link round and add the mobile class attribute as well. Do not overwrite the current class attribute values.
Immediately following the tel-link round mobile p element, Insert a new paragraph element with the tab-desk class. Wrap the phone number, (814) 555-8989, within this paragraph element--My contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wild Rescues: Contact</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Emblema+One&family=Lora:ital,wght@0,
400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="tab-desk">
<div class="mobile">
<h1>🐾 Wild…
Chapter 1 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 1.1 - Prob. 1QCCh. 1.1 - Prob. 2QCCh. 1.1 - Prob. 3QCCh. 1.1 - Prob. 4QCCh. 1.1 - What is incorrect about the following code?...Ch. 1.1 - Prob. 6QCCh. 1.1 - Prob. 7QCCh. 1.1 - Prob. 8QCCh. 1.1 - Prob. 9QCCh. 1.2 - Prob. 1QC
Ch. 1.2 - Prob. 2QCCh. 1.2 - Prob. 3QCCh. 1.2 - Prob. 4QCCh. 1.2 - Prob. 5QCCh. 1.2 - Prob. 6QCCh. 1.2 - Prob. 7QCCh. 1.2 - Prob. 8QCCh. 1.2 - Prob. 9QCCh. 1.3 - Prob. 1QCCh. 1.3 - Prob. 2QCCh. 1.3 - Prob. 3QCCh. 1.3 - Prob. 4QCCh. 1.3 - Prob. 5QCCh. 1.3 - Prob. 6QCCh. 1.3 - Prob. 7QCCh. 1.3 - Prob. 8QCCh. 1.3 - Prob. 9QCCh. 1 - Prob. 1RACh. 1 - Prob. 2RACh. 1 - Prob. 3RACh. 1 - Prob. 4RACh. 1 - Prob. 5RACh. 1 - Prob. 6RACh. 1 - Prob. 7RACh. 1 - Prob. 8RACh. 1 - Prob. 9RACh. 1 - Prob. 10RACh. 1 - Prob. 11RACh. 1 - Prob. 12RACh. 1 - Prob. 13RACh. 1 - Prob. 14RACh. 1 - Prob. 15RACh. 1 - Prob. 16RACh. 1 - Prob. 17RACh. 1 - Prob. 18RACh. 1 - Prob. 19RACh. 1 - Prob. 20RACh. 1 - Prob. 21RACh. 1 - Prob. 22RACh. 1 - Prob. 23RACh. 1 - Prob. 1CP1Ch. 1 - Prob. 2CP1Ch. 1 - Prob. 3CP1Ch. 1 - Prob. 4CP1Ch. 1 - Prob. 5CP1Ch. 1 - Prob. 6CP1Ch. 1 - Prob. 7CP1Ch. 1 - Prob. 8CP1Ch. 1 - Prob. 9CP1Ch. 1 - Prob. 10CP1Ch. 1 - Prob. 11CP1Ch. 1 - Prob. 12CP1Ch. 1 - Prob. 13CP1Ch. 1 - Prob. 14CP1Ch. 1 - Prob. 15CP1Ch. 1 - Prob. 16CP1Ch. 1 - Prob. 1CP2Ch. 1 - Prob. 2CP2Ch. 1 - Prob. 3CP2Ch. 1 - Prob. 4CP2Ch. 1 - Prob. 5CP2Ch. 1 - Prob. 6CP2Ch. 1 - Prob. 7CP2Ch. 1 - Prob. 8CP2Ch. 1 - Prob. 9CP2Ch. 1 - Prob. 10CP2Ch. 1 - Prob. 11CP2Ch. 1 - Prob. 12CP2Ch. 1 - Prob. 1CP3Ch. 1 - Prob. 2CP3Ch. 1 - Prob. 3CP3Ch. 1 - Prob. 4CP3Ch. 1 - Prob. 5CP3Ch. 1 - Prob. 6CP3Ch. 1 - Prob. 7CP3Ch. 1 - Prob. 8CP3Ch. 1 - Prob. 9CP3Ch. 1 - Prob. 10CP3Ch. 1 - Prob. 11CP3Ch. 1 - Prob. 12CP3Ch. 1 - Prob. 13CP3Ch. 1 - Prob. 14CP3Ch. 1 - Prob. 15CP3Ch. 1 - Prob. 16CP3Ch. 1 - Prob. 17CP3Ch. 1 - Prob. 18CP3Ch. 1 - Prob. 19CP3Ch. 1 - Prob. 20CP3Ch. 1 - Prob. 21CP3Ch. 1 - Prob. 22CP3Ch. 1 - Prob. 23CP3Ch. 1 - Prob. 24CP3Ch. 1 - Prob. 25CP3Ch. 1 - Prob. 26CP3Ch. 1 - Prob. 1CP4Ch. 1 - Prob. 2CP4Ch. 1 - Prob. 3CP4Ch. 1 - Prob. 4CP4Ch. 1 - Prob. 5CP4Ch. 1 - Prob. 6CP4Ch. 1 - Prob. 7CP4
Knowledge Booster
Similar questions
- Add JQuery events that will cause the computer model descriptions to be displayed when the user hovers over the computer model names. Code for index.html: <!DOCTYPE html><html><head><title>Discussion 12</title><link href="style.css" rel="stylesheet" type="text/css"></head><body><header><h1>Custom Computers</h1></header><section><h2>Our custom models</h2><p>Our computer models are built using high-performance hardware</p><div class="computer"><div>The standard model</div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet,sapien nec vestibulum dignissim, sem nunc porta massa, quis vestibulummetus velit a tortor. Phasellus vel quam eu nunc molestie porta. Maurismassa justo, dignissim eget eleifend sit amet, condimentum.</p></div><div class="computer"><div>The casual gaming model</div><p>Lorem ipsum dolor sit…arrow_forward⦁ Create a new blank spreadsheet⦁ Save the document as Lab 6.0⦁ Merge and center cells A1: I1 ⦁ In cell A1 Type: CIT 105 Lab 6.0⦁ Make the following changes to CIT 105 Lab 6.0 ⦁ Bold CIT 105 Lab 6.0⦁ Change the font size to 16⦁ Change the font color to red⦁ Merge and center cells A2:I2⦁ Make the following changes to A2⦁ Type EARNINGS in cell A2⦁ Bold EARNINGS⦁ In A3 type: Occupation⦁ In B3 type: Median Pay⦁ In F3 type: Income⦁ In I3 type: After Taxes⦁ In A4 type the name of the occupation you hope to obtain (HINT: use the one you researched on Occupation Outlook Handbook) (Data Analyst) ⦁ In B4 enter the median pay for that occupation on the Occupation Outlook Handbook⦁ In F4 enter: Yearly Pay⦁ In F5 enter: Monthly Pay⦁ In F6 enter: 2-WK Pay⦁ In F7 enter: 1-WK Pay⦁ In F8 enter: Daily Pay⦁ In F9 enter: Hourly Pay⦁ Merge and center A11:I11⦁ In A11 enter: Budget⦁ Bold Budget⦁ In A12:A21 create the list…arrow_forwardApply Boostrap to this code Source Code in HTML: <html><head><link rel="stylesheet" href="mystyle.css"></head><body><table align="center" bgcolor="skyblue"><form><tr><td colspan="2"><h1>Employee Registration Form</h1></td></tr><tr><td>Name:</td><td><input type="text" name="firstname" placeholder="firstname" size="15"/><input type="text" name="lastname" placeholder="lastname"size="15"/><br><br></td></tr><tr><td> Email Address:</td><td><input type="text" name="emailaddress" placeholder="myname@example.com" size="36"/><br><br></td></tr><tr><td> Contact Number:</td><td><input type="text" name="contact" size="36"/><br><br></td></tr><tr><td>Address:</td><td><input type="text" placeholder="Street Address"…arrow_forward
- Question: How can I put and show images to the page 1 JS-> // selecting required elementconst element = document.querySelector(".pagination ul");let totalPages = 10;let page = 2; //calling function with passing parameters and adding inside element which is ul tagelement.innerHTML = createPagination(totalPages, page);function createPagination(totalPages, page){ let liTag = ''; let active; let beforePage = page - 1; let afterPage = page + 1; if(page > 1){ //show the next button if the page value is greater than 1 liTag += <liclass=btn prevonclick=createPagination(totalPages, ${page - 1})><span><iclass=fas fa-angle-left><i>Prev<span><li>; } // how many pages or li show before the current li if (page == totalPages) { beforePage = beforePage - 2; } else if (page == totalPages - 1) { beforePage = beforePage - 1; } // how many pages or li show after the current li if (page == 1) { afterPage = afterPage + 2; } else if (page…arrow_forwardin html Write code in j-query to change the image in div element after click on button. Also make sure that text of button and background of the image should also be changed.arrow_forwardI need to make this html look like this form <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Shape Up! | Meal Plan</title> <link rel="shortcut icon" href="../images/favicon.ico"> <link rel="stylesheet" href="../styles/normalize.css"> <link rel="stylesheet" href="../styles/meals.css"> </head> <body> <header> <img src="../images/shape_up_logo.png" alt="Shape Up logo"> <h2>Shape Up!</h2> <h3>Find the best fit for you</h3> </header> <!--Add the navigation menu and make the necessary changes--> <main> <section> <h1>Meal plan order form</h1> <p>Fill out the form as completely as possible and we will email you a weekly meal plan, customized for you--<em>your</em> lifestyle, <em>your</em> goals, and…arrow_forward
- this is the "index page "code index .hbs<!DOCTYPE html><html><head><link rel="stylesheet" href="./data/l.css"></head><body><div class="flex"><div class="element-center"><div id="acctBalance"><span class="wrap"></span></a><h1>Total Balance</h1><label id="acctBalanceLbl"></label><input id="txtid" name="txtid" type="text" maxlength="10" placeholder="Accountnumber"><br><br></div><div id="inputs"><h2>Deposit</h2><input type="text" id="userDeposit" required><button id="btnDeposit">Deposit</button><h2>Withdraw</h2><input type="text" id="userWithdraw" required><button id="btnWithdraw">Withdraw</button><label id="usernameLb2"></label>// add label for displaying user name</div></div></div><script type="text/javascript" src="bank_account_script.js"></script><script…arrow_forwardthis is the "index page "code index .hbs<!DOCTYPE html><html><head><link rel="stylesheet" href="./data/l.css"></head><body><div class="flex"><div class="element-center"><div id="acctBalance"><span class="wrap"></span></a><h1>Total Balance</h1><label id="acctBalanceLbl"></label><input id="txtid" name="txtid" type="text" maxlength="10" placeholder="Accountnumber"><br><br></div><div id="inputs"><h2>Deposit</h2><input type="text" id="userDeposit" required><button id="btnDeposit">Deposit</button><h2>Withdraw</h2><input type="text" id="userWithdraw" required><button id="btnWithdraw">Withdraw</button><label id="usernameLb2"></label>// add label for displaying user name</div></div></div><script type="text/javascript" src="bank_account_script.js"></script><script…arrow_forwardCreate a DTD for catalog of cars, where each car has the child elements make, model, year, color, engine, no_of_doors, transmission_type and accessories. The engine element has child elements no_of cylinders and fuel system. The accessories element has attributes radio, air-conditioning, power-windows, power_steering and power_brakes. Each of which is required and has possible values yes and no.Entites must be declared for the names of popular car makes. Display the document with CSS and XSLT.arrow_forward
- Edit and refine the code so that when the add button is pressed, the number in (0)cart link should increase and the number should decrease when the remove button is pressed. Existing code: product.html <!DOCTYPE html><html><head><script src="./js/cart.js"></script></head> <body> <div><div><a href="Checkout.html"><span style="float:right"><p>(<span>0</span>) Cart</p></span></a></div> <div id="product1" class="card"><img src="img/clorox.jpg"><h1>Clorox</h1><p class="price">$20.00</p><p>Household Cleaner</p><p><button id="product1Btn1" onclick="addtocart(1)">Add to Cart</button></p><p><button id="product1Btn2" onclick="removecart(1)">Remove from Cart</button></p></div> <div id="product2" class="card"><img src="img/oxiclean.jpg"><h1>Oxiclean</h1><p…arrow_forwardHow do I add multiple floating images but keep them contained to the layout below like the guide image I have below? I have a floating image but it is just staying in the middle of the page. Also why is my footer image on the right instead of at the bottom where it should be? HTML <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>Flexbox Coding</title></head> <link rel="stylesheet" href="Style.css"> <body> <header class="header-image"> <img src="57mBcYi.jpeg" alt="Header Image"> </header> <div class="flex-container"> <div> <ul> <li><a href="Page1.html">Link to Page 1</a></li> <li><a href="Page2.html">Link to Page 2</a></li> </ul> </div> <div>An country…arrow_forward15. The font of presentation slides normally should not be smaller than point size ……………..16. Which of these reading techniques may consider denotation as well as connotation of words?17. What are the optional elements/components of paragraph?18. Paragraph unity is achieved by ……………………………19. Giving a definition of the topic is an example of the …………………. method of introduction.20. In order not overcrowd presentation slides, a slide must have a maximum of …………… lines.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage