Write the HTML to create a 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: float side-by-side; • have a border that is 2px wide and coloured; • have a 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: Left Right

Write the HTML to create a 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: float side-by-side; • have a border that is 2px wide and coloured; • have a 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: Left Right

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Similar questions

Use jQuery to create a launcher with the properties below. The data files include all the necessary HTML and CSS code; you do not need to modify the HTML or CSS. Add the necessary jQuery code to make the launcher work. Your launcher should have the following properties: The launcher starts hidden from the page. When the user clicks the launcher button (bar at top of page), three things happen: The launchpad slides down. It takes 1/2 second to slide down. The "instructions" paragraph fades in. It takes 1/2 second to fade in. The red box that you are going to animate ("box") appears. Each of the three icons that appears on the launchpad is a button ("one", "two", "three"). When the user puts the mouse over the button, it animates the red box. When the user moves the mouse out, the box animates back to its original size and position. The three animations: One: The box moves 300px to the right, and grows in width and height by 150px. Two: The box shrinks by 125px in width and…
Given the HTML document below, edit the CSS style rule by changing xxx with the right selector to achieve the desired layout and design of the page. khtml> khead> Simple Selectors /* all h2 elements */ ххх ( color: red; text-align: center; /* all with class="highlight" */ ххх ( font-size: 20px; font-weight: bold; font-style: italic; background-color: green; opacity: .6; /* element with id="mainPoint" */ Xxx ( font-size: 24px; font-weight: bold; background-color: red; opacity: .7; /* all p AND h1 elements */ ххх ( color: blue; text-align: center; k/head> kbody> Simple Selectors (h1) Subheading 1 (h2) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus amet alias est? Nobis cum quasi at soluta odit, maiores quaerat dolores expedita ex nemo ea repellendus dolorem sed maxime quos? Paragraph with attribute class="highlight". Lorem ipsum dolor sit amet, consectetur adipisicing elit. Subheading 2 (h2) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi nemo…
How to create a product table page: To create the product list page, you can copy the index.html file you worked on in exercise 7 to the products folder. Then, you can delete the content from the main section and modify the URLs on the page as necessary. • Modify the horizontal navigation menu so it indicates that the product list page is the current page. • Add a table to the section with a caption, a header, and a body as shown above. Be sure to merge the rows in the first column for each category so the category name is displayed only in the first row. Create a new style sheet named summary.css for the product list page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the products/index.html file so it points to the correct style sheet. • Align the caption, headings, and data, and apply any other required formatting as shown above. Use a structural pseudo-class selector to apply a background color of…
i need this assignment solved. below is index.html and styles.css In the index.html file, add a class attribute with a value of btn to paragraph elements two, three, and four within the main element. In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b, padding value of 2%, top and bottom margin values of 2% and left and right margin values of auto, width value of 80%, text alignment of center, and a border radius of 5px Below the btn style rule, add a new style rule for anchor elements within the btn class that specifies a color value of #ebf7e3, removes the underline, sets a font size of 1.25em, and displays the content as a block. In the index.html file, add a class attribute with a value of corner to the image element. In the styles.css file, below the btn a style rule, add a new style rule for the corner class selector that specifies a border-radius of 12px. index.html…
Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.
QUESTION 15 Assume you have the following html code: * Your code goes here / Home Service About us Contact us Add the following internal CSS styling rules to the code you may use CSS class selectors as needed: 1. Remove the marker of the unordered list containing hyperlinks. 2. Remove the underlines from the hyperlinks. 3. Put an appropriate distance between the hyperlinks. 4. The hyperlinks should be displayed horizontally (beside each other). 5. Set an appropriate background color for navigation bar. 6. Make the hyperlink underline visible when mouse hover on all the hyperlinks. Home Ahout Contoot un
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and code a web form that include the following requirements: Three inputs: First name, Last name, Email with appropriate labels and placeholder text; A drop-down list containing the following options: Student, Faculty; Two radio buttons containing the following options: Full-time, Part-time; Controls labeled "Send Registration" and "Clear All Fields". When the Send Registration control is clicked on, the user input will be sent to https://learndigital.dev/DGL103/dgl103-form.php for processing. When Clear All Fields is clicked, any data that was entered into the form is cleared. Make sure that all the data is sent securely. Add internal 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: The form is 400px wide; The form is centred on the page and has a top margin of 40px; The text, email and select type inputs take up 100% of their…
ch 8 apply your knowledge i need this solved. below is index.html and styles.css TASKS In the index.html file, add a table element within the main element. Nest the following caption element within the table element: <caption>2025 Sales by Quarter</caption> In the styles.css file, create a style rule for the table element that: sets the width to 80%, sets the top and bottom margins to 0, sets the left and right margins to auto, and sets a border with the values 3px solid #71881b. Create a style rule for table, tr, th, and td selectors that collapses the border and sets the padding to 2%. Create a style rule for the caption element that sets the font-size to 2em, padding to 2%, and margin-top to 2%. Create a style rule for th and td selectors that sets a border with the values 1px solid #7188bb. Create a style rule for td that center-aligns its text. Create a style rule for tr that sets the background color to #d3e788 for odd rows. index.html…
I need this assignment solved. Below is index.html and styles.css Tasks Correct the style rule for the h1 selector located in the header element to center-align its content. Correct the style rule for the list item elements within the nav to display the list as an inline-block. Update the style rule for the main selector that sets the overflow property to auto. Update the style rule for the footer selector to clear a float on the left. Remove the underline from all nav links using the text-decoration property. Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic. Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally. In the nav element in the index.html file, do the following : link the text, W3C, to https://www.w3.org/ link the text,…
Create a html page with title as lab10_1. The page load lab10_1.js as its JavaScript file. On the html page, include a Canvas with dimension of width: 800, height: 500. An input box to accept user's input. A button to start the game.
Create the page layout as shown in the screenshot above. In particular, we will call the top, bottom, left, and right portions of the page "header", "footer", "content", and "menu", respectively. Note that the content part of the page is further divided into three blocks: the top block has a heading and a paragraph, and is followed by two blocks - one on the left with two images, and one on the right with three "announcements". The header should use large, white, center-aligned text on a red background with a thick black border. There should be some space between the text and the border. The footer should use green, centered-aligned text on a gray background. The menu has an unordered list on a black background. The background of the list is red. Each item in the list is hyperlinked except for "Home". The unlinked text should be black, and the linked text should be white. When a user mouse over a link, the color of the text should change to black. There should be some space between…
Question 7 Calculate the total width: The picture above is 350px wide. The total width of this element is also 350px. The DIV element below the image has a width of 320px. After applying CSS styling, the DIV element becomes 350px wide (the same as the flower image above it) Using border, margin and padding, add to the DIV CsS styling that will make the DIV element 350px wide (You must use all three). div { width: 320px ..... } For the toolbar, press ALT+F10 (PC) or ALT+FN+F10 (Mac).