Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 6, Problem 8HOE
Program Plan Intro
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the style on the webpage using <style> tag.
- Include a “link” pseudo class and add a color for the hyperlink.
- Include a “visited” pseudo class and add a color for the hyperlink.
- Include a “hover” pseudo class and add a color for the hyperlink.
- Include the background property as “#D3D3D3”.
- Include an unordered list <ul> and add “list-style-type” property.
- Include the style on the webpage using <style> tag.
- Close the header tag using </style>.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Include the head tag <h1> to display page heading.
- Include an unordered list using <ul> tag.
- Include the head tag <h1> to display page heading.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
In CSS, explain the difference in using a flex layout, vs using a grid layout. find at least 3 differences between both
Create a CSS rule that would make all unordered lists (tags) have circle bullets, green background, and white text color.
Question 1:
a) Modify this code like exactly as below pictures and make boxes big like picture below .
How can you apply translate property in CSS on an image when the user b) b) hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image.
Code:
<!DOCTYPE html>
<html>
<body>
<style>
td{
border:1pxsolidblack;
}
td {
border-collapse:collapse;
}
</style>
<tablewidth="50%">
<tr>
<tdcolspan='3'>1</td>
<tdrowspan='3'>2</td>
<tdcolspan='2'>3</td>
<tdrowspan='2'>N</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<tdcolspan='3'>9</td>
<tdcolspan='2'>10</td>
<td>N</td>
</tr>
<tr>
<tdcolspan='7'>N</td>
</tr>
<tr>
<td>N</td>
<td>N</td>…
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
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Implement a Web Page with CSS stylesCreate a div element with a width and height of 500 px. Create a diagonal linear gradient using colors of the rainbow- Red, Orange, Yellow, Green, Blue, Indigo, Violet.arrow_forwardI want to make a CSS for this code so the logo is in the center of the page and the text needs to be bigger and fits the page and evenly spaced. I also want to make the background color white and for the body to have a blue border. I also want the footer to have a blue background and centered. <!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> </head> <body> <nav> <a href="index.html">Home</a> <a href="about.html">About Us</a> <a href="contact.html">Contact Us</a> </nav> <h1>Home Page</h1> <article> <img src="Images/Logo.png" alt="Video Game" height="80"> <h2>The Early Ages</h2> <p>Today, video…arrow_forwardUse the Bootstrap 5.X starter template along with Animate.css and Google Fonts create a single HTML page, use all of Bootstrap’s built-in classes be sure that the document is responsive and includes following: A navigation bar with a hamburger menu on mobile A grid system with at least 3 rows. At least three different configurations in the rows at and above the LG breakpoint, e.g. 1 row has 3 columns, 1 row has 2 columns and 1 row has 4 columns A bootstrap styled card (hint, look at components) that has two buttons of different colors At least 1 animation from Animate.css (link above) At least 1 font, the only CSS allowed is to define the font This bears repeating, do not write any CSS outside of font definitions. Use at least 10 bootstrap different utility classes (note there’s more than just backgrounds). Feel free to use lorem ipsum or placeholder text where appropriatearrow_forward
- Create a CSS stylesheet such that the provided HTML (autoloan.html) looks like the following webpage.arrow_forwardCreate a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed slider Use: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas>arrow_forwardQuestion 1: How can you apply translate property in CSS on an image when the user hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image. Code: <!DOCTYPE html> <html> <body> <style> td{ border:1pxsolidblack; } td { border-collapse:collapse; } </style> <table cellpadding="15" border="solid" width=50%> <tr> <tdcolspan='3'>1</td> <tdrowspan='3'>2</td> <tdcolspan='2'>3</td> <tdrowspan='2'>N</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <tdcolspan='3'>9</td> <tdcolspan='2'>10</td> <td>N</td> </tr> <tr> <tdcolspan='7'>N</td> </tr> <tr> <td>N</td> <td>N</td> <td>N</td> <td>N</td> <td>N</td>…arrow_forward
- Create another HTML File with YourNameReqgNoQ2.html (Add this step screen shot too). Also apply Inline CSS to all the following Tags Next, in the same Web Page, Write HTML Code to Open the HEC Web Site, NTS Web Site Define the following Terms (Web Server, Web Site, Web Page, Web Browser, Domain Name, Hosting, Five Features of Facebook)arrow_forwardCreate a web page containing two images, where one image overlaps another image by using the z-index CSS property. Output:arrow_forwardWe need to create a picture card using HTML/CSS. By the criteria of following requirements: Create a picture card that looks like this with any background picture and any icon! Requirements: In this screenshot, the title is "Title goes here", the secondary text is "Secondary text", and the body text is "Greyhound divisively hello coldly wonderfully marginally far upon excluding." The card's root element is a <div> with a class of "card". The card is 344px wide. The desert picture is 194px tall. The padding between the body text and everything else is 16px. The color of the title text is #000. The color of the secondary and body texts is #232F34. The size of the person picture is 40px in diameter. The size of the body text is 11px. The size of the title is 22px. For the padding or margin around any other elements, use your best judgment to make it look like the screenshot. Transitions When a person moves their pointer over a picture card, then the card gets a shadow of…arrow_forward
- MAKE A SIMPLE LOGIN FRONT PAGE OF THE GIVEN IMAGE USING ONLY HTML AND CSS WRITE THE CODE.arrow_forwardHow do I get the second picture to look like the first? I need the text to be left aligned with the picture and not center aligned on the page. HTML- <!DOCTYPE html><html lang="en"><head><title>Path of Light Yoga Studio:: Classes</title><meta charset="utf-8"><link rel="stylesheet" href="yoga.css"></head><body><div id="wrapper"><header><h1>Path of Light Yoga Studio</h1></header><br><nav><a href="index.html">Home</a> <a href="classes.html">Classes</a> <a href="schedule.html">Schedules</a> <a href="contact.html">Contact Us</a></nav><main><div id="hero"> <img id="yogamat" src="yogamat.jpeg" alt="yogamat picture" width="80%" height="25%"><h2>Yoga Classes</h2> <h3>Gentle Hatha Yoga</h3> <p class="indent"> Intended for beginners and anyone wishing a…arrow_forwardDescribe what is incorrect with the following CSS code, which causes a web page containing it not to display a border when rendered in a browser:h2 { background-color: #FF0000border-top: thin solid #000000 }arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education