New Perspectives on HTML and CSS
6th Edition
ISBN: 9781111526443
Author: Carey, Patrick
Publisher: Course Technology Ptr
expand_more
expand_more
format_list_bulleted
Question
Chapter 1, Problem 7CP1
Program Plan Intro
To insert a header element containing inline image file jtc_photo1.png (having alternate text as Jedds Tree Care) under article element.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
Revise the following img element to attach it to the mapsites image map: <img src=”logo.png” alt=”” />
Open the index.html file and update the comment with your name (firstname lastname), the file name, and the current date (MM/DD/YYYY).
Add the text, CH 2 Extend Your Knowledge, to the title element.
Locate all div elements and change them to one of the 5 appropriate HTML semantic element.
Update the paragraph element on Line 15 to use an h1 element.
In the main content area, wrap all paragraph elements within one article element and change the first paragraph element to an h2.
For each paragraph element within the article element, add a black small square (▪) to the beginning of each sentence.
In the navigation section, add a nonbreaking space, then a black circle ● (●), and then another nonbreaking space after the word Perceivable. Do the same for Operable and Understandable.
<!DOCTYPE html><!-- Student Name: File Name: Date:11/07/2021--><html lang="en"><head><title>CH 2 Extend Your Knowledge</title><meta…
In 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.
Chapter 1 Solutions
New Perspectives on HTML and CSS
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
- Move the wto Collie.jpg file to the Images folder. Redisplay the contents of the Media_Files folder in the Content pane, if necessary. Please give proper explanation and typed answer only.arrow_forwardWeb Table Directly below the article element, insert a web table using the class calendar. Add a caption with the text February 2018 Calendar. Table Columns Add a column group containing two col elements. Give the first col element the class name weekdays and have it span five columns. Give the second col element the class name weekends and have it span 2 columns. Table Header Add the table header row group with a single row with seven heading cells containing the three-letter day abbreviations Sun through Sat. Table Body Add the table body row group with five rows and seven data cells within each row. Within each table cell, add the following code to create an h1 heading and description list: <h1>day</h1><dl> <dt>event</dt> <dd>time</dd> <dd>price</dd></dl> where day is the day of the month, event is the name of an event occurring on that day, time is the time of the event, and price is the admission price, using the…arrow_forwardin 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 for the remainder of the assignment. I just need help setting up the style sheet.***arrow_forwardCreate a style rule for the body > header nav.tabs selector that changes the background to the image file sf_back1.png with no tiling, centered horizontally and vertically within the element and sized to cover the entire navigation list.arrow_forward***Please show steps on how to create the "userform" box" Create a userform with two sets of option boxes. Each set should be within a frame (Select frame element from the toolbox). The first frame should have 4 option buttons Basketball, Baseball, Football, and Soccer. The second frames should have two option buttons "watch on TV" and "go to games". The userform should have Submit and Cancel Button. Write a sub to show the userform When a user selects one option each from frame 1 and frame 2, you should have appropriate displays such as "Your favorite sports is Soccer and you usually watch on TV" if you selected Soccer and Watch on TV options, after you hit the Submit button. The userform should be hidden after submit button is clicked If the user clicks Cancel, you should display "You don't want to play this game" and hides the userformarrow_forward
- In the index.html file, update the nav element to use an unordered list (ul) instead of a paragraph element. Remove the nonbreaking spaces and music character codes ♮ nested within the nav element. Make the same changes to the lessons.html, contact.html, and template.html files. 4 Add the following comment and style rules for the navigation area: /* Style rules for navigation area */nav { background-color: #373684;} nav ul { list-style-type: none; margin: 0; text-align: center;} nav li { display: inline-block; font-size: 2em;} nav li a { display: block; color: #fff; text-align: center; padding: 0.5em 1em; text-decoration: none;} 3 In the index.html file, wrap the text, FREE, within a span element that includes a class attribute with the value action. 2 In the styles.css file, add the following comment and style rules for the main content: /* Style rules for main content */main { padding:…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_forwardFormat the appearance of the closing quotes by creating a style rule for the aside blockquote::after selector to write a boldfaced open quote after the block quote with the font size once again set to 1.6em from the font stack 'Times New Roman’, Times, serif.arrow_forward
- Format the appearance of the opening quotes by creating a style rule for the aside blockquote::before selector to write a boldfaced open quote before the block quote with the font size set to 1.6em from the font stack ‘Times New Roman‘, Times, serif.arrow_forwardFirst I have to Nest an img element within the header element below the heading element. Use images/web-design.jpg for the value of the src attribute. Add an alt attribute with a value of computer with the text web design. Add a height attribute with a value of 326px and add a width attribute with a value of 450px. 2- In the nav element, add a relative link to the text, Home, that links to index.html. Add a relative link to the text, Learn HTML, that links to html.html. Add a relative link to the text, Learn CSS, that links to css.html. Add a relative link to the text, Learn JavaScript, that links to js.html. 3-Insert two new blank lines after the starting main tag. Add a div element with an id attribute value of template. Close the div after the paragraph element with the content. 4- Change the first paragraph element within the div with the template id to an h3 element Change the remaining paragraph elements within the div with the id template to list items…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_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L