Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 6, Problem 11FIB
Program Description Answer
Using CSS, user can configure a style with an “id”, if the style is applied only for a particular element in a page.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Create a semantic page layout with only with HTML no styling.
Within the header, create a navigation list with one or two "skip navigation links.
In the main content, create a form with username and email text inputs and a submit button.
Create a footer with the copyright date.
Make sure that all elements that need proper WGAG compliant AIRA and ROLES and can be navigated by keyboard and screen reader.
To change the writing direction of an Excel page, we :use the tab Awnser Awnser 1 - Insertion | 2' Page Layout 3- Show | 4_ All options are wrong .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Shape Up!</title>
<link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
<header>
<img src="images/shape_up_logo.png" alt="Shape Up logo">
<h2>Shape Up!</h2>
<h3>Find the best fit for you</h3>
</header>
<main>
<section>
<h1>Get ready to Shape Up!</h1>
<p>How many times have you started a new workout routine or diet? And how many times has it failed to give you the results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking and feeling better today.</p>
<p>As fitness expert Amanda Russell said:</p>
<blockquote>Fitness is about so much more than exercise. It’s a catalyst for…
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Similar questions
- i cant seem to find the problem, im only using notepad. i need to recreate this. this is my code. <html><head><meta name="viewport" content="width=device, initial-scale= 1.0"><style type= "text/css">*{margin: 0;padding: 0;font-family: 'Roboto' sans-serif;}body{background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://www.fatima.edu.ph/wp-content/uploads/2018/11/OLFU-Quezon-City-Campus-Drone-1024x576.png');background-position: center;background-size: cover;} .container{width: 100%height: 100vh;padding-left: 8%;padding-right: 8%;box-sizing: border-box;} .navbar{height: 12%;display: center;align-items: center;} .logo{width: 30px;cursor: pointer;} nav{flex: 1;text-align: right;} </style></head><body><div class="container"><div class="navbar"><img src="" class="logo" width="90" height="80" <nav><ul> <li><a href="">HHEHE</a></li> <li><a…arrow_forward<!DOCTYPE html><html> <head> <title>Home Page</title> <link rel="stylesheet" type="text/css" href="./styles/grid.css"> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe width="420" height="345"…arrow_forwardHow would I separate this code into 2 different pages? 1st homepage and 2nd New Orleans page. I am having trouble refining my code. <!DOCTYPE html> <html> <head> <title>Chicago Public Restroom Locator</title> <meta charset="UTF-8"> <meta name="POTTY SPOTTY" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="Insert Website Here"> <style> body {font-family: "Times New Roman", Georgia, Serif;} h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display"; letter-spacing: 5px; } </style> </head> <body> <!-- Navbar (sit on top) --> <div class="w3-top"> <div class="w3-bar w3-white w3-padding w3-card" style="letter-spacing:4px;"> <a href="#home" class="w3-bar-item w3-button">POTTY SPOTTY</a> <!-- Right-sided navbar links. Hide them on small screens --> <div class="w3-right w3-hide-small"> <a href="#about" class="w3-bar-item…arrow_forward
- A web page has a section that contains the following markup: <section> <video style="top:10px"> <video> <section> The <video> element must always be 10px from the top of the section Which type of layout positioning should the <video> element use? a. Static b. Absolute c. Fixed d. Relativearrow_forwardBuild this initial home page inside a 2x2 html table. Using the proper table attributes, make the table 800 pixels wide and 500 pixels high. Using html attributes, make the first row 100 pixels high and the first column no more than 200 pixels wide. Tentatively label each cell of the table like this:arrow_forwardImprove my HTML and CSS Code to look like the picture: <!DOCTYPE html><html lang="en"><head> <title>Trillium Media Design</title><meta charset="utf-8"> <style> body { background-color: #e6e6fa; color: #191970; font-family: Arial, Verdana, sans-serif; } h1 { background-color: #191970; color: #e6e6fa; line-height: 200%; font-family: Georgia, "Times New Roman", serif; text-indent: 1em; text-shadow: 3px 3px 5px #CCCCCC; } h2 { background-color: #aeaed4; color: #191970; } font-family: Georgia, "Times New Roman", serif; text-align: center; } nav { font-weight: bold; font-size: 1.25em; word-spacing: 1em; } p { font-size: .90em; text-indent: 3em; } ul { font-weight: bold; } </style> </head> <body> <header> <h1>Trillium Media Design</h1> </header><nav> <a…arrow_forward
- JavaScript Programming Pick a date and display the day of the week with that code <!DOCTYPE html><html><head><!-- Filename: index.htm--><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>Day of the Week</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.05819.js"></script></head> <body><header><h1>Day of the Week</h1></header> <article><h2>Day of the Week Lookup</h2><form><fieldset><label for="dateSelected">Select a date</label><input type="date" id="dateSelected" /></fieldset><fieldset class="button"><button type="button" id="determineDay">Find day</button></fieldset><fieldset><p>Day of the Week</p><p…arrow_forwardyes it appears your solution is for an etirely different question please relook at the image and the code provided html code <!DOCTYPE html><html><head> <!-- JavaScript 7th Edition Chapter 4 Hands-on Project 4-3 Author: Date: Filename: project04-03.html --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Hands-on Project 4-3</title> <link rel="stylesheet" href="Styles/styles.css" /> <link src="JS/project04-03_txt.js" defer></script></head> <body> <header> <h1> Hands-on Project 4-3 </h1> </header> <article> <h2>Book Review Comment</h2> <textarea id="comment" rows="" cols=""></textarea> <div id="countLabel"> Character Count: <span id="countValue">0</span> / <span…arrow_forwardI need help coding the nav items so they are spaced vertically on top of the page and for there to be a blue background behind them at the top. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="CSS/index.css" /> <title>Video Game History</title> <style> .logo-container { display: flex; justify-content: center; } a { font-size: large; } p { font-size: larger; } article { border: 2px solid blue; } body { background-color: lightblue; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0 auto; } footer { background-color: blue; color: white; text-align:…arrow_forward
- <!DOCTYPE html><html> <head> <title>Home Page</title> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Welcome to my (about me) site</h1> <picture> <source media="(min-width:650px)" srcset="./images/me3-650.jpg"> <source media="(min-width:465px)" srcset="./images/me3-465.jpg"> <img src="./images/me3.JPG" alt="ME" style="width:auto;"> </picture> <h3>HI there this is one of my favorite songs down below.</h3> <iframe width="420" height="345" src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The…arrow_forwardWeb Development: Identify ten (10) HTML tags that are valid only for HTML5. Use the HTML below and demonstrate the use of these tags in a valid and semantically verified way: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h1><p style="text-align:left;">My App</p></h1> <p style="text-align:right;"> <a href="url">signup</a> <a href="url">Login</a> </p> <table> <tr> <th><img src="1.jpg" width="200" height="80"></th> <th> <h2> App Tagline</h2> <ul> Description of feature <li> Description-1</li> <li> Description-2</li> <li> Description-3</li> Description of feature <li> Description-1</li> <li> Description-2</li>…arrow_forward1. Create a page to show different attribute of Font tag.USE HTML 2. Create a page to show different attribute italic, bold, underline.USE HTML 3. Design a page having background color given the text color red and using all the attributes of font tab. USE HTMLarrow_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