Database System Concepts
7th Edition
ISBN: 9780078022159
Author: Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher: McGraw-Hill Education
expand_more
expand_more
format_list_bulleted
Related questions
Concept explainers
Question
In the contact.html file, add a class attribute with the value link to the email and address anchor elements.
(I'm not sure what the error is here)
--- contact.html
<!-- Write your code here -->
<!--Student Name:
File Name: contact.html
Date:10/04/2022
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Wild Rescues: Contact</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles.css" />
<body>
<header>
<img src="images/baby-hawk.jpg" alt="rescued baby hawk">
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="partnership.html">Partnership</a><li
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Use the main area to add the main content to the webpage -->
<main>
<div id="contact">
<h2>You can reach us at:</h2>
<p>Office: (814)555-8989.</p>
<p>Email: <span class="link">contact@wildrescues.net</span>
<a href="mailto:contact@wildrescues.net"></a></p>
<p>Address: <span class="link">8989 Rescue Drive Ocala, FL 34471</span><a
href="https://goo.gl/maps/BTJzjc2tALd4RDWA8"
target="_blank"></a></p>
</div>
</main>
<footer>
<p>© Copyright 2021. All Rights Reserved.</p>
<p>
<a href="mailto:contact@wildrescues.net">contact.@wildrescues.net</a>
</p>
</footer>
</body>
</html>
-CSS
/*
Author:
File Name: styles.css
Date: 10/12/2022
*/
/*CSS Reset*/
body, header, nav, main, footer, img, h1, h3 {
margin: 0;
padding: 0;
border: 0;
}
/*Style rules for body and images*/
body {
background-color: #f6eee4;
}
img {
max-width: 100%;
display: block;
}
/*Style rules for navigation area*/
nav {
background-color: #2a1f14;
}
nav ul {
list-style: none;
margin: 0;
text-align: center;
}
nav li {
display: inline-block;
font-size: 1.5em;
font-family: Geneva, Arial, sans-serif;
font-weight: bold;
}
nav li a {
display: block;
color: #f6eee4;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
padding-right: 2em;
text-decoration: none;
}
/*Style rules for main content*/
main {
padding: 2%;
font-family: Verdana, Arial, sans-serif;
}
main p {
font-size: 1.25em;
}
main h3 {
padding-top: 2%;
}
main ul {
list-style: square;
}
/*Style rules for class and id selectors*/
.link {
color: #4d3319;
text-decoration: none;
font-weight: bold;
font-style: italic;
}
.action {
font-size: 1.75em;
font-weight: bold;
text-align: center;
}
#contact {
text-align: center;
}
/*Style fules for footer content*/
footer {
text-align: center;
font-size: 0.85em;
background-color: #2a1f14;
color: #f6eee4;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 0%;
padding-right: 0%;
}
footer a {
color: #f3e6d8;
text-decoration: none;
}
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution
Trending nowThis is a popular solution!
Step by stepSolved in 2 steps
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Add an id attributes for each product and make the id property of both of the buttons the id of the product. Existing code: <!DOCTYPE html><html><head> <div class="card"><img src="img/clorox.jpg"><h1>Clorox</h1><p class="price">$20.00</p><p>Household Cleaner</p><p><button>Add to Cart</button></p><p><button>Remove from Cart</button></p></div> <div class="card"><img src="img/oxiclean.jpg"><h1>Oxiclean</h1><p class="price">$8.00</p><p>Household Cleaner</p><p><button>Add to Cart</button></p><p><button>Remove from Cart</button></p></div> <div class="card"><img src="img/pinesol.jpg"><h1>PineSol</h1><p class="price">$11.00</p><p>Household Cleaner</p><p><button>Add to…arrow_forwardI'm not sure what I'm doing incorrectly. When I load up the webpage in a different tab it appears normal. Directions: In the contact.html file, add a class attribute with the value link to the email and address anchor elements.----My Contact.HTML <!-- Write your code here --> <!--Student Name: File Name: contact.html Date:10/04/2022 --> <!DOCTYPE html> <html lang="en"> <head> <title>Wild Rescues: Contact</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/styles.css" /> <body> <header> <img src="images/baby-hawk.jpg" alt="rescued baby hawk"> </header> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="partnership.html">Partnership</a><li <li><a…arrow_forwardSolve fast please!arrow_forward
- Draught the markup for a table in HTML that represents the schedule for your next class. The various class times should be listed as column headings in the columns, and the different days of the week should be included as row headers in the rows. The data in the table need to show both the topic and the name of the instructor. Make sure the table has a suitable caption, which will be shown at the very top of the table.arrow_forwardIn your index.html, notice the following: <section class="preview"></section> In your script.js file, create the following: // Courtesy Comments: Name and Date at bare minimum// Add your code here let quoteStart = 'Don't judge each day by the harvest you reap '; // Don't edit the code below here! const section = document.querySelector('section'); let para1 = document.createElement('p'); para1.textContent = finalQuote; section.appendChild(para1); Don't forget to add your courtesy comments! (Your name, the date, etc.) In the Javascript provided above, you have half of a famous quote inside a variable called quoteStart. To complete the assignment, you must do the following: Look up the other half of the quote Add the second half of the quote inside a variable called quoteEnd. Concatenate the two strings together as variables (do not just re-write the strings!) to make a single string containing the complete quote. The result of these two strings should be…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_forward
- Task 3 Create a web page named 'Multiplication Table.html that implements the 'Design Template' specified in Task 1. The title of the web page will be 'MultiplicationTable'. In this web page, implement a multiplication table (from 1 to 10) inside the content area of the template. You must use loop statement of JavaScript to implement the multiplication table. Here is the sample screenshot for Multiplication Table.html: Computer Engineering Technology - Web Programming 12141ATE ana C Ra e 3691a 11 122 412 1620428 2 36 4 U06 4744 00 71421 S 0 10 24 2 40 04 12 0 12764 4 2 Footerarrow_forwardWhat is the correct DOM method to update the src attribute value of the HTML img element. Please select one of the following: setAttribute() textContent src() getAttribute()arrow_forwardOpen your text editor: Please complete this code in HTML create a new file and name it “Lec_Ex4_2.html” create a new file and name it “style_2.css” Type the 8 lines in the html(basic html structure). Add this line to the head section of html: Write these lines in the body of the html: <div id=“title”><h1>Your name</h1></div> <div id=“container1”> . </div> Style it in the CSS: #title{ background-color:blue;} #container1 {background-color:red;} If we don’t specify the width of the div element,it will take up the full width available. We can specify the width and height of the divusing percentages or pixels. Percentages are flexible (changes according tothe screen size), and pixels are fixed. Add the following property to both divs: Width:80%; This is comparing to the full screen For the title div: Padding:2%; For the container div: Height: 400px; Height can also be made with percentages, butpixels are preferred. Your…arrow_forward
- Q1. POEM Form Using the poem about the days Monday-Sunday below, create a form that will return the relevant line in response to the user's choice of day. For the form it will be good idea to have a drop down list for the days. In order to display the relevant line via PHP; submission could be done to a different php page or a self-calling page could be created. Ps. For submission via JavaScript; on change event "if(this.value != '0') this.form.submit()" could be used. Days of week Poem: Monday is the very first day. On Tuesday my friends come to play. Wednesday the week is half way through On thursday I don't feel so blue On friday I get all excited On Saturday I'm invited to parties On Sunday I need rest.arrow_forwardI need help with creatufb this HTML. Thank you. Create an HTML form that has one input text field for your Fahrenheit degrees Add a hidden field to the form, use this field to indicate the form is submitted Add a submit button to the form Make sure the form posts to the same file in the "action" Add the PHP code for: On load, populate the input text field with some default degree value, like 87 On Submit, or POST, read the input field value submitted and convert the value to a Celcius degree Use the standard formula (X°F − 32) × 5/9 = Y°C (where 5/9 = 0.5556) Display the resulting Celcius degrees Y°C in the page after you calculate the result, along with the rest of the form, so you can submit again another valuearrow_forwardBased on the following specification, code one webpage using HTML5, CSS and JavaScript. HTML5: Three label elements with IDs lblTarget1, lblTarget2 and lblTarget3 Two buttons with IDs btnA and btnB. Both buttons invoke function fManipulate when clicked JavaScript: Code a function named fManipulate that Accepts one parameter containing an object that represents the clicked button Check to see which of the two buttons invoked this function If fManipulate function was invoked by btnA then change the text color of lblTarget1 to red by using the getElementById method If fManipulate function was invoked by btnB then change the font of ALL three labels by first using the getElementsByTagName method to return a collection of labels then use a for loop to iterate through the collection of labels to change the font of each label to calibriarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON 
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education