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 2, Problem 16RA
Program Plan Intro
Create a style rule for the nav>ul> li selector to set the RGB color value rgb(151, 151, 151) and remove the underline from the text link.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students 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"
For the <span> element, set the left border to be 3 pixels, double, and red.
span {
}
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>…
Chapter 2 Solutions
New Perspectives on HTML and CSS
Ch. 2.1 - Prob. 1QCCh. 2.1 - Prob. 2QCCh. 2.1 - Prob. 3QCCh. 2.1 - Prob. 4QCCh. 2.1 - Prob. 5QCCh. 2.1 - Prob. 6QCCh. 2.1 - Prob. 7QCCh. 2.1 - Prob. 8QCCh. 2.2 - Prob. 1QCCh. 2.2 - Prob. 2QC
Ch. 2.2 - Prob. 3QCCh. 2.2 - Prob. 4QCCh. 2.2 - Prob. 5QCCh. 2.2 - Prob. 6QCCh. 2.2 - Prob. 7QCCh. 2.2 - Prob. 8QCCh. 2.3 - Prob. 1QCCh. 2.3 - Prob. 2QCCh. 2.3 - Prob. 3QCCh. 2.3 - Prob. 4QCCh. 2.3 - Prob. 5QCCh. 2.3 - Describe the item selected by the following...Ch. 2.3 - Prob. 7QCCh. 2.3 - Prob. 8QCCh. 2.3 - Prob. 9QCCh. 2 - Prob. 1RACh. 2 - Prob. 2RACh. 2 - Prob. 3RACh. 2 - Prob. 4RACh. 2 - Prob. 5RACh. 2 - Prob. 6RACh. 2 - Prob. 7RACh. 2 - Prob. 8RACh. 2 - Prob. 9RACh. 2 - Prob. 10RACh. 2 - Prob. 11RACh. 2 - Prob. 12RACh. 2 - Prob. 13RACh. 2 - Prob. 14RACh. 2 - Prob. 15RACh. 2 - Prob. 16RACh. 2 - Prob. 17RACh. 2 - Prob. 18RACh. 2 - Prob. 19RACh. 2 - Prob. 20RACh. 2 - Prob. 1CP1Ch. 2 - Prob. 2CP1Ch. 2 - Prob. 3CP1Ch. 2 - Prob. 4CP1Ch. 2 - Prob. 5CP1Ch. 2 - Prob. 6CP1Ch. 2 - Prob. 7CP1Ch. 2 - Prob. 8CP1Ch. 2 - Prob. 9CP1Ch. 2 - Prob. 10CP1Ch. 2 - Prob. 11CP1Ch. 2 - Prob. 12CP1Ch. 2 - Prob. 13CP1Ch. 2 - Prob. 14CP1Ch. 2 - Prob. 15CP1Ch. 2 - Prob. 16CP1Ch. 2 - Prob. 17CP1Ch. 2 - Prob. 18CP1Ch. 2 - Prob. 19CP1Ch. 2 - Prob. 1CP2Ch. 2 - Prob. 2CP2Ch. 2 - Prob. 3CP2Ch. 2 - Prob. 4CP2Ch. 2 - Prob. 5CP2Ch. 2 - Prob. 6CP2Ch. 2 - Prob. 7CP2Ch. 2 - Prob. 8CP2Ch. 2 - Prob. 9CP2Ch. 2 - Prob. 10CP2Ch. 2 - Prob. 11CP2Ch. 2 - Prob. 12CP2Ch. 2 - Prob. 13CP2Ch. 2 - Prob. 14CP2Ch. 2 - Prob. 15CP2Ch. 2 - Prob. 16CP2Ch. 2 - Prob. 17CP2Ch. 2 - Prob. 18CP2Ch. 2 - Prob. 19CP2Ch. 2 - Prob. 20CP2Ch. 2 - Prob. 21CP2Ch. 2 - Prob. 1CP3Ch. 2 - Prob. 2CP3Ch. 2 - Prob. 3CP3Ch. 2 - Prob. 4CP3Ch. 2 - Prob. 5CP3Ch. 2 - Prob. 6CP3Ch. 2 - Prob. 7CP3Ch. 2 - Prob. 8CP3Ch. 2 - Prob. 9CP3Ch. 2 - Prob. 10CP3Ch. 2 - Prob. 11CP3Ch. 2 - Prob. 12CP3Ch. 2 - Prob. 13CP3Ch. 2 - Prob. 14CP3Ch. 2 - Prob. 15CP3Ch. 2 - Prob. 16CP3Ch. 2 - Prob. 17CP3Ch. 2 - Prob. 18CP3Ch. 2 - Prob. 19CP3Ch. 2 - Prob. 20CP3Ch. 2 - Prob. 21CP3Ch. 2 - Prob. 22CP3Ch. 2 - Prob. 23CP3Ch. 2 - Prob. 24CP3Ch. 2 - Prob. 25CP3Ch. 2 - Prob. 26CP3Ch. 2 - Prob. 27CP3Ch. 2 - Prob. 28CP3Ch. 2 - Prob. 29CP3Ch. 2 - Prob. 30CP3Ch. 2 - Prob. 1CP4Ch. 2 - Prob. 2CP4Ch. 2 - Prob. 3CP4Ch. 2 - Prob. 4CP4Ch. 2 - Prob. 5CP4
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_forwardCorrect the image element with the correct value for the source attribute. Add the missing alt, height (333px), and width (500px) attributes to the image element. Use hand writing HTML 5 for the value of the alt attribute. So far i have <img src="html5" alt="hand writing HTML 5" height="333" width="500"> I am missing something but i can not find it.arrow_forwardOpen 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…arrow_forward
- have 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_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_forwardCreate table as below and shading the first row. Insert an Octagon and write your name in the center Day / Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II | Period IV | Period V |Computer English |Computer | Science English Computer| Math Science |English Computer | Math Math Science English Math Math Science |English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period II column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_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_forwardQ2: Create table as below and shading the first row. Insert an Octagon and write your name in the center Day/ Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II Period IVv | Period V |Science Computer | Math Math English |Computer | English Computer | Science English Computer | Math Science English Math Math Science English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period III column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forwardStep 20: Mobile Styles When the user views the page on a mobile device, we don't want the label elements to appear to the left of the input elements because that takes up too much horizontal space. We need to adjust our layout to be more vertical. Create a media query for screens with a maximum width of 767 pixels. Inside the media query, add a rule for any label elements inside the form element with the id registration that removes the float, sets the width to 100%, and aligns the text to the left. Add a rule inside the media query for any input element inside the form element with the id registration that removes the float and sets the width to 100%. Because we set specific widths for the input elements that appear on a single row, we need to override those settings in the mobile view. Add a rule inside the media query for the input elements with the ids city, state, and zip inside the form element with the id registration that sets the maximum width to 100%. Add a rule…arrow_forward
- Format 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_forwardpython code to read csv file data into a Pandas data frame. Be sure to parse the Timestamp as a date time rather than a string and Print the first five rows to show that the data has loaded and print the total number of rows using the shape property.arrow_forwardPlease help mearrow_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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNp 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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage