Database System Concepts
7th Edition
ISBN: 9780078022159
Author: Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher: McGraw-Hill Education
expand_more
expand_more
format_list_bulleted
Related questions
Question
Consider the following HTML code, make the required changes on the code to make the CSS rule from inline CSS to embedded (internal) CSS and make sure only it will be applied on the correct HTML element.
<html>
<head>
</head>
<body>
<h1 style="color:red; background-color:yellow">Red</h1>
<h1>Green</h1>
<h1>Blue</h1>
</body>
</html>
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution
Trending nowThis is a popular solution!
Step by stepSolved in 2 steps with 1 images
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
- Show me how to use h1 heading tag in HTML.Use the heading as: "HTML Headings" Write HTML code and show output screenshot.arrow_forwardCode a CSS style rule that places a <div> element in a absolute position 100 millimeter from the bottom and 50% of the viewport width from the left of its parent element.arrow_forwardWrite the semantically correct HTML code for the navigation area of a website that lists 3 navigation items: products, services, and contact us. You don't need to include all the HTML for the page, only include the navigation itself. Each of the 3 items link to products.html, services.html, and contact-us.html. Write one inline CSS rule to remove the bullet from in front of the list items and horizontally center the navigation items on the screen. Write inline CSS that uses the display property to display the list items side-by-side.arrow_forward
- Write the HTML to create one section element that includes two paragraph elements. Add a little content inside each paragraph. Write the CSS needed to give the section element: a background colour; make its height include the height of its children. Write the CSS needed to make the paragraphs (DON'T include more CSS than you need to): float side-by-side; have a border that is 2px wide and coloured; have a calculated width that is 50% of the the width of their parent element and still sit side-by-side. Your final layout should look like the image below:arrow_forwardProvide html and css seperately <!DOCTYPE html> <html lang="en"> <style> body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271; color: white; } h1{ color: #fe6a67; text-align: center; font-weight: normal; text-transform: uppercase; border-top: 1px dotted #d4dccd; margin-top: 30px; } h2{ font-size: 1em; text-align: center; } body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{ width: 2px; border-top: 1px dotted; border-top-color: #506D84; } h2{ text-align: center; } </style> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .first>h2, .second>h2, .third>h2 { margin-top: 10px; margin-bottom: 10px; } .image { width: 200px; }…arrow_forwardusing flexbox css htmlarrow_forward
- Write example document demonstrating the various HTML features listed below Part 1: Headings - h1 to h6 Part 2: Paragraph and line breaks Part 3: Text formatting (bold, italic, underline etc) Part 4: Inserting comments Part 5: Create hyperlink Part 6: Creating a mailto link - A link that sends an e-mailarrow_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_forwardWrite the HTML code that displays a video so that as many visitors as possible can access the multimedia content through their default browser. Specify the following settings: mute the sound; show the controls; specify an image to show until the user clicks the play button; Display a text link to download the video if the browser doesn't support any of the video file formats. Write the CSS code to make the video (DON'T include more CSS than you need to): as tall as the viewport window; hide any scrollbars that might display because the video's width is wider than the browser window. remove the body's default margin.arrow_forward
- There is one error in this html code: There must be at least 5 "li" tags in your "ol". Could you help me fix this code below? <!DOCTYPE html><html> <head> <title>Dream Vacation Guides</title> </head> <body> <h1>Dream Vacation Destinations</h1> <ol> <h2><strong><li>France</li></strong></h2> <ul> <li><a href="https://www.worldtravelguide.net/guides/europe/france/"> Guide to France </a></li> <li>Visit in March</li> <li>Go for one week</li> <li>First place - Eiffel Tower</li> <li>Enjoy croissants</li> </ul> <h2><strong><li>United Kingdom</li></strong></h2> <ul> <li><a…arrow_forwardWrite the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classesarrow_forwardI need to make this code look like the image I am sending. I've attached a photo of the directions and what the outcome should be. <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Complete a Form</title> <style> * { margin: 0; padding: 0; } body { font: 87.5% Arial, Helvetica, sans-serif; width: 500px; margin: 20px auto; padding: 20px; border: 2px solid blue; } h1 { color: blue; font-size: 140%; } h2 { font-size: 115%; padding: .5em 0; } label { color: blue; float: left; width: 8em; font-weight: bold; text-align: left; } input { width: 15em; margin: 0 0 .5em 1em; } #button, #reset {…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 Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON 
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable 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