Program Plan: Include the HTML tag using “<HTML>”. Include the header tag using “<head>”. Include the title on the webpage using “<title>” tag. Include the viewport meta tag. Close the header tag. “media” is the attribute that is used to indicate whether the style sheet is for printing or screen display. The query media only screen is used to hide style sheets from older user agents. The Navigation element selector is configured and width is set to auto. Include a paragraph using the “” tag. The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”. Close the body using “</body>” tag. Close the file using “</html>” tag.

Question

Want to see the full answer?

Answer 1

Question

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Students have asked these similar questions

Write the @media rule to target a typical smartphone device and configure the nav element selector with width set to auto.

Revise the following img element to attach it to the mapsites image map: <img src=”logo.png” alt=”” />

Answer 2

Question

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Answer 3

Question

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Answer 4

Question

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Answer 5

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Answer 6

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Answer 7

Chapter 7, Problem 4HOE

Program Plan Intro

Program Plan:

Include the HTML tag using “<HTML>”.

Include the header tag using “<head>”.

Include the title on the webpage using “<title>” tag.

Include the viewport meta tag.

Close the header tag.

“media” is the attribute that is used to indicate whether the style sheet is for printing or screen display.

The query media only screen is used to hide style sheets from older user agents.

The Navigation element selector is configured and width is set to auto.

Include a paragraph using the “” tag.

The browser window is resized. When the width of this document is larger than the height, the background colour is “lightblue”, otherwise it is “lightgreen”.

Close the body using “</body>” tag.

Close the file using “</html>” tag.

Answer 8

Expert Solution & Answer

Answer 9

Expert Solution & Answer

Answer 10

Want to see the full answer?

Check out a sample textbook solution

See solution

Answer 11

Ch. 7.2 - Prob. 1CP Ch. 7.2 - Prob. 2CP Ch. 7.2 - Prob. 3CP Ch. 7.10 - Prob. 1CP Ch. 7.10 - Prob. 2CP Ch. 7.10 - Prob. 3CP Ch. 7 - Prob. 1MC Ch. 7 - Prob. 2MC Ch. 7 - Prob. 3MC Ch. 7 - Prob. 4MC

Solution Summary: The author explains how the query media only screen is used to hide style sheets from older user agents.

Want to see the full answer?

Chapter 7 Solutions