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
Concept explainers
Question
Chapter 1.2, Problem 9QC
Program Plan Intro
To provide code to insert inline image using a file "awlogo.png" and alternate text "Art world".
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Create a simple, single-page website to display thumbnails of image files relating to a specific topic. These could be your own vacation photos, animal or nature images, favorite performers, athletes, etc. Images from copyrighted sources may be used for this purpose without permission, but should be credited as to their source. Size the thumbnails to maintain the correct aspect ratio (i.e., so that the images in the thumbs are not distorted), set the thumbs up as links to the actual image files, and organize the thumbnails.
No hand written and fast answer with the explanation
Please help me with this
1. Make the body of the page have a background of tiled “waves.png” images. This image is in the images folder.
2. Add padding (10px) to the entire body of the page.
3. Add a top and bottom margin (10px) as well as padding (10px) to the each movie description.
4. Change the background of each movie description to white, and the background colour for the box enclosing the page content to the following RGB values: R = 246, G = 212, B = 212.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Movie Recommendations</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1> Movie Recommendations </h1>
<h2> Some Science Fiction Movies Worth Watching </h2>
</header>
<div class="movie">
<h2> Ghost in the Shell <span…
3a.Provide code to disable style sheet in a document.
b. Provide code to remove a style rule from a sheet object.
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
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
- 1. Set the background color as "#d291bc". 2. Set the title of the page to "Python Tutorial". 3. Type the text "INTRO TO PYTHON TUTORIAL " using h1 tag and align it at the center. 4. Insert the image with a filename "a.jpg from the source folder. Set the width to 150 and height to 100. 5. Insert paragraph 1 from the file "paragraph.doc" given in the source-folder. Set the alignment to justify.arrow_forwardhave three versions of the image with the same height and width. All three versions are placed inside of a figure element. three images should have margin. the first version should have an invert filter, with a text on the bottom of it. The text should have background opacity, border, padding, different font-size, and font color. the second version should have a blur filter, with a text in the middle of it. The text should have background opacity, different font size and color, padding, box shadow, and a hyperlink with background color, font color, and padding. the third version must have a linear gradient filter, have at least three paragraphs with different width and placed in different places on the webpage, and have a title in the center of webpage.arrow_forwardDesign a basic wesbite layout for a restaurant with a home page, and about page, a menu page, and a contact page (with a form: form doesn't have to be useable!) PLUS a separate CSS file with style features. Use only HTML and CSS, no other formats.arrow_forward
- Using what you learned about the box model, width/height, and border. Add some styles to you css file (mention your code here) to recreate the following image. I Am Dog Apply the following styles: • The card div o 220px width o 2px grey border (solid border-style) o 6px border radius o Center text aligned • The image o 200px wide o 5px border with color of rgb (236, 183, 1910 (solid border-style) o 50% border radiusarrow_forwardTurn the image template into HTML/CSS. Also apply Boostrap in the code. Use Bill Gates personal information in the Resume.arrow_forwardPlease help me with this create a jframe with clickable image icons.m (text editor, trivia game, and word game. Then make a back for the jframe into a t squared fractal . Please also comment the codearrow_forward
- 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>…arrow_forward***I have the files needed to complete the remainder of the assingment. I just need help setting up the stylesheets.*** Create two separate CSS stylesheets including the following steps:arrow_forwardMake sure to place the CSS code in the "start.css" file and adjust it according to your requirements. Note: The code assumes that you have appropriate CSS styles to handle the card flipping animation and the `.flipped` class to flip the cards. You can add those styles in the "start.css" file.here is the css: body{ background-image: url(startt.png); background-repeat: none; background-size: cover; margin: 0; padding: 0; overflow: hidden; } img{ height: 190px; width: 140px; border-radius: 10px; } .images img:hover { transform: scale(1.2); box-shadow: 0 0 10px 3px hotpink; } .whole{ display: grid; grid-template-columns: repeat(4, 0fr); grid-template-rows: repeat(3, 0fr); padding: 0px; margin-left: 460px; margin-top: 50px; } .images{ padding: 10px; text-align: center; } #back{ color: #191970; font-family: "Franklin M54"; src: url("Franklin M54"); font-size: 20px; margin-left: 10px; } #back a:hover{ background-color: #FFC7D9; display:…arrow_forward
- ***I have the files needed for the remainder of the assignment. I just need help setting up the style sheet.*** Create a CSS style sheet including the following steps:arrow_forwardCreate a VS Code Project 1. Create a folder on your Desktop named Guided Practice Ch 2. 2. Open the folder in VS Code. Create a Blank Home Page 1. Right-click the left sidebar in VS Code under the folder name, choose New File, and name the file index.html. 2. Code the doctype declaration and opening tag; be sure to add the recom- mended attribute. 3. Code a complete element, with the child element for character encod- ing and a of: Origami Today: Home 4. Code an empty element and make sure the document ends with a single blank line. Add Home Page Content Everything in this section should be coded within the element. K 1. Code a heading 1 element with the text: Origami Today 2. Code a paragraph element with the following text. (You will turn this into a navigation bar in a later chapter): Home Gallery - How To Resources 3. Code a heading 2 element with the text: The Artist 4. Code an empty paragraph element. 1 - Contact - 71 + -arrow_forwardCreate a link element that loads the myprint.css style sheet file but only for printed output.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 Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning