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
Question
Chapter 1.2, Problem 7QC
Program Plan Intro
To provide a code for linking web pages to the CSS file mystyles.css.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
Create a basic page with a header, footer, and have it use an external CSS file names styles.css.
Create a main section, with an article inside of it. Create an article header as well,
1
New Perspectives on HTML5 and CSS3, 8th Edition
3
Tutorial 3
4.
Review Assignment
6.
Style Sheet for the Pandaisia Chocolates Monthly Specials
7
Author:
Date:
10
Filename: pc_specials.css
11
12
*/
13
14
/* Page Body Styles */
15
16
17
18
/* Image Styles */
19
20
21
22
/* Horizontal Navigation Styles */
23
24
25
26
27
/* Grid Styles */
28
29
30
31
32
/* Specials Styles */
33
34
35
36
/* Award Styles */
37
38
Task 2: In this task, you will modify the javajam.css file to update the current JavaJam website to a two-column layout and style the hero image on each page. Configure the CSS. Open javajam.css in a text editor. Edit the style rules as follows:(javajam.css code is included below since CSS files can not be attatched.). Please show end result CSS code.
body {background-color: #FCEBB6;
color: #221811;
font-family: Verdana, Arial, sans-serif;
background-image: url(../images/background.gif);
}
#wrapper { width: 80%;
margin-right: auto;
margin-left: auto;
min-width: 900px;
max-width: 1280px;
box-shadow: 3px 3px 3px #666666;
}
header {background-color: #D2B48C;
height: 150px;
background-image: url(../images/javajamlogo.jpg);
background-repeat: no-repeat;
}
h1 { padding-top: 45px;
padding-left: 220px;
font-size: 3em;
}
nav { text-align: left;
font-weight: bold;…
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
Similar questions
- Give code. Create a webpage of pets animals. Home webpage should consist of further subpages like Gallery, About Us, Features, Contact Us, FAQs etc. Webpage should contain background image, logo and add different colors and fonts to make it more attractive. Add ordered and unordered lists in your webpage. Make css style sheet and adjust margin, padding, colors, fonts according to your choice.arrow_forwardCreate a CSS style sheet including the following steps:arrow_forwardTask 1. Create a new page (games.html):Use the music page as the starting point for the Game page. In your text editor open music.htmland save it as games.html. After modifying the games page, it will look similar to the Games pagein Figure 1.Change the page title to an appropriate phrase.Delete the div element with id="musicbg", then open the style.css in your text editor and deleteall the rules for id = “musicbg”. This will remove the music image from the new page.Replace the text within the h2 element with following: “My Favorite Video Games”.Delete paragraph, h3 and table elements.Place an unordered list with your 4 favorite video games as list items.Create a photo gallery with 4 pictures:• Search on the internet for cover picture of your favorite games, and same them in your folder.For each image create another image as thumbnail. You can use windows paint or any otherimage editor to resize the images.• After completing the previous step, in your folder, you will have 8 new image…arrow_forward
- Open code5-3_print.css file and set the printed page size to 8.5 by 11 inches with a 1-inch margin. Use the after pseudo-element to display printed hypertext link in the following format: link [ url ] and add the following styles to the after pseudo-element: Display the url text as an inline block. Set the left margin of the url text to 20pixels. Set the value of the word-wrap property to break-word.arrow_forwardwrite a css rule that will only affect first anchor link. Make text color of link text red, and remove underline from anchor link (by default anchor text in underlined). Assume you do not have permission to edit HTML file, only CSS file. ali kavlı 1234 personal web site Türkiye government official gatearrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forward
- Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forward
- 2. Create a web page that contains a few paragraphs and hyperlinks and a link to an an external style sheet. The external style sheet should contain the following styles: Set the left and right margins to 1 inch. The first letter in a paragraph should be three times the size of the other letters. All the links should display in red color with no underline. Link the style sheet to your Web page.arrow_forwardWrite the HTML and CSS code to create the following web page: 1. Set the title of the web page as "Oman Tourism". 2. Use Internal CSS to define the following style properties to heading level 1 text color is #E6E6E6 Align the heading to center. Blue solid border with thickness of 1px. page body insert the text "About Oman Tourism" as heading level 1. 4. Start a new paragraph and use inline CSS to define the following properties to the paragraph. In the 3. Font size 14px, blue background color. Insert the following text in the paragraph. Tourism in Oman has grown recently, and it is expected to be one of the largest industries in the nation. s. After the paragraph insert the image (nizwafort.jpg) using width 300px and height 250px. 6. After the image, add a hyperlink on the text Oman Tour to open the page tour.html in a new browser window.arrow_forwardHi all, could you please write a code that links external CSS file to an HTML5 document. The CSS file contains the following attributes for text stroke (-webkit- text-stroke, font-size, and color) with values from your choice. You should also include the needed styles that allow two background images to appear in the .documentarrow_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