EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
6th Edition
ISBN: 9781337516358
Author: Carey
Publisher: CENGAGE LEARNING - CONSIGNMENT
expand_more
expand_more
format_list_bulleted
Question
Chapter 8, Problem 2CP3
Program Plan Intro
To insert the paa_animate.css style sheets link to the document head section in the paa_game.html file.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Setup
Use your editor to open the ws_lincoln.html and ws_cloud.js. Enter your name and the date in the comment section of each file.
Linking JS File
Go to the ws_lincoln.html file in your editor. Link the page to the ws_cloud.css style sheet and the ws_stopwords.js and ws_cloud.js JavaScript files (in that order). Load the JavaScript files asynchronously.
Study the contents of the file. Lincoln's speech is stored in a div element with the id "speech". The word cloud text will be placed in the aside element with the id "cloud".
html----------------------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<!--
New Perspectives on HTML5, CSS3, and JavaScript 6th Edition
Tutorial 13
Case Problem 4
Word Cloud of Lincoln's 1st Inaugural
Author:
Date:
Filename: ws_lincoln.html
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,…
in the index.html file, add a class attribute with the value tablet-desk to the second div element within the main element.
Add a class attribute with the value corner to the image element. Remove the height and width attributes from the image element.
<body>
<div id="container">
<!-- Use the nav area to add hyperlinks to other pages within the website -->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">W3C</a></li>
</ul>
</nav>
<!-- Use the header area for the website name or logo -->
<header>
<h1>Responsive Design</h1>
</header>
<!-- Use the main area to add the main content of the webpage -->
<main>…
Please don't copy
Chapter 8 Solutions
EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
Ch. 8.2 - Prob. 1QCCh. 8.2 - Prob. 5QCCh. 8.2 - Prob. 7QCCh. 8.2 - Prob. 8QCCh. 8 - Prob. 1RACh. 8 - Prob. 2RACh. 8 - Prob. 3RACh. 8 - Prob. 4RACh. 8 - Prob. 7RACh. 8 - Prob. 8RA
Ch. 8 - Prob. 9RACh. 8 - Prob. 10RACh. 8 - Prob. 11RACh. 8 - Prob. 12RACh. 8 - Prob. 13RACh. 8 - Prob. 14RACh. 8 - Prob. 15RACh. 8 - Prob. 16RACh. 8 - Prob. 17RACh. 8 - Prob. 18RACh. 8 - Prob. 19RACh. 8 - Prob. 2CP1Ch. 8 - Prob. 3CP1Ch. 8 - Prob. 4CP1Ch. 8 - Prob. 5CP1Ch. 8 - Prob. 6CP1Ch. 8 - Prob. 7CP1Ch. 8 - Prob. 8CP1Ch. 8 - Prob. 9CP1Ch. 8 - Prob. 11CP1Ch. 8 - Prob. 1CP2Ch. 8 - Prob. 2CP2Ch. 8 - Prob. 3CP2Ch. 8 - Prob. 4CP2Ch. 8 - Prob. 5CP2Ch. 8 - Prob. 6CP2Ch. 8 - Prob. 7CP2Ch. 8 - Prob. 8CP2Ch. 8 - Prob. 9CP2Ch. 8 - Prob. 10CP2Ch. 8 - Prob. 2CP3Ch. 8 - Prob. 3CP3Ch. 8 - Prob. 5CP3Ch. 8 - Prob. 6CP3Ch. 8 - Prob. 7CP3Ch. 8 - Prob. 8CP3Ch. 8 - Prob. 9CP3Ch. 8 - Prob. 10CP3Ch. 8 - Prob. 11CP3Ch. 8 - Prob. 12CP3Ch. 8 - Prob. 13CP3Ch. 8 - Prob. 14CP3Ch. 8 - Prob. 15CP3Ch. 8 - Prob. 16CP3Ch. 8 - Prob. 17CP3Ch. 8 - Prob. 18CP3Ch. 8 - Prob. 1CP4Ch. 8 - Prob. 2CP4Ch. 8 - Prob. 3CP4Ch. 8 - Prob. 4CP4Ch. 8 - Prob. 5CP4Ch. 8 - Prob. 6CP4Ch. 8 - Prob. 7CP4Ch. 8 - Prob. 9CP4Ch. 8 - Prob. 10CP4
Knowledge Booster
Similar questions
- CSS question Add another div element to the web form containing the following code: Insert an input element to create an option button for the orderType field with the ID delivery. Make the option button checked by default. After the option button, insert a label associated with the delivery control containing the text Delivery. Add an input element to create a second option button for the orderType field with the ID pickup, followed by a label associated with the pickup control containing the text Pickup.arrow_forwardIn the contact.html file, remove the text, Phone Number:, from the first paragraph element within the main div element. Wrap the phone number within an anchor element that links to the phone number. Add a class attribute with the value tel-link to the parent paragraph element that contains the phone number link. Add a class attribute with the value email-link to the anchor element that links to the email address within the main element.arrow_forwardOpen the code6-4_debug.css file. There are seven separate syntax errors in the stylesheet. Locate and correct all seven.arrow_forward
- In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class.arrow_forwardOpen index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…arrow_forwardAlso insert a script element that opens the formsubmit.js JavaScript file for handling the form submissions. Within the body of the web page insert a form element with the value of the action attribute set to login-script.php and the method value set to post. Within the web form create a field set with the id login. Within the field set insert a legend with the text Enter Account Information. Within the field set insert a label containing the text Account Type. After the label add a selection list with the id acctype and the field name accounttype. Set the value of the size attribute of the selection list to 3 and add the following three options: administrator, member, and guest. Set the value of the three options to type1, type2, and type3 respectively. Link the label to the selection list using the for attribute with a value of acctype. Add a label to the field set containing the text Username followed by a text input box with the id username and…arrow_forward
- Open index.html in your browser to view the webpage. Maximize the browser window to use a desktop viewport. Below the gradient style rules comment, create a style rule for the gradient1 class selector and add the following declaration to specify a linear-gradient for the background: background: linear-gradient(to right, #67afcb, #1a3e4c 25%); Create a style rule for the gradient2 class selector and add a declaration to specify a linear-gradient to the left, use #d4f7ec and #448d76 for color values, and use 90% as the color stop. Create a style rule for the gradient3 class selector and add a declaration to specify a linear-gradient to the top left, and use #efddfd and #36065b for color values. Create a style rule for the gradient4 class selector and add a declaration to specify a linear-gradient that uses the following four color values: #e6e6ff #70dbdb #ffffcc #cc6699 Create a style rule for the gradient5 class selector and add the following declaration to…arrow_forwardAdd a blank line after the main content style rules, add a comment with the text Style rules for class and id selectors and then create the style rules for the .link, .action, and #contact selectors: Create a style rule for the class selector link that sets the font color to #4d3319, removes the text decoration, sets the font weight value to bold, and sets the font style value to italic. Create a style rule for the class selector action that sets the font size to 1.75em, sets the font weight value to bold, and aligns text center. Create a style rule for the id selector contact that aligns text center. In the about.html file, within the #info div element, complete the following: Add a class attribute with the value of link to the anchor element with the text "National Wildlife Rehabilitators Association.". Remove the height and width attributes from the tortoise image (img) element. Add a class attribute with the value of action to the paragraph element where the text is "Did you…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np 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