Create a full HTML page according to the following requirements: • Insert the largest heading with the text "Welcome to My Website". Set the heading background color to red.(1 mark) · Add box-shadow to the heading 20px offset, 10px vertical offset, and yellow color. .(1 mark) • Insert a div element after the heading with height equal to 100px. (1 mark) • Add red background color to the div element. .(1 mark) • Set the linear gradient for the div from top to bottom and the color from red to yellow. .(1 mark) Welcome to My Website

Create a full HTML page according to the following requirements: • Insert the largest heading with the text "Welcome to My Website". Set the heading background color to red.(1 mark) · Add box-shadow to the heading 20px offset, 10px vertical offset, and yellow color. .(1 mark) • Insert a div element after the heading with height equal to 100px. (1 mark) • Add red background color to the div element. .(1 mark) • Set the linear gradient for the div from top to bottom and the color from red to yellow. .(1 mark) Welcome to My Website

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

Within the page body insert a table element and add a table header row group containing one row. Within that row insert a table heading cell that spans 8 columns and contains the text Daily Crossword. Add the table body section and within the table body, create the layout of the crossword puzzle subject to the following conditions: The table will contain 9 rows and 8 columns. Within each row will be a number of table data cells. If the cell is a blank cell shown in Figure 6–49, assign it the class name blank. If a blank cell covers multiple rows and/or columns, make that cell a spanning cell and adjust the number of cells in subsequent rows and columns accordingly to preserve the table layout. Several cells contain numbers that will be used as crossword puzzle clues. Number the appropriate cells from 1 up to 26 to match the layout in Figure 6–49. Open code6-2_table.css and create the following style rules for the indicated elements: For the table element: Add a 20…
Assume you have the following html code: Home Service About us Contact us Add the following internal CSS styling rules to the code you may use CSS class selectors as needed: Remove the marker of the unordered list containing hyperlinks. Remove the underlines from the hyperlinks. Put an appropriate distance between the hyperlinks. The hyperlinks should be displayed horizontally (beside each other). Set an appropriate background color for navigation bar. Make the hyperlink underline visible when mouse hover on all the hyperlinks.
Write the HTML, CSS, and JS that meets the following requirements: Make the font size 20 points. Make the left margin 50 pixels. Add the following elements to the page: level 1 header. The content shall be your name. image. The picture displayed shall be anything of your choice on the web. Use an absolute/remote URL. ordered list with two items. The content of these items shall be your two favorite things. Write a JS script that does the following: Ask the user for his two favorite things. Print a new ordered list with the the inputted values. Ask the user if he likes Google. If so, print an image of the Google logo.
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…
Using HTML , CSS, and Java Script create a dashboard. Include in the dashboard a side bar ( 3 horizontal dashes, located are the top left of the webpage) a logo image above the title of the webpage. (In the center across from the sidebar (3-horizontal dashes) Then in the title of the header make it display change depending on the the hour (e.g. Good morning, good afternoon, good evening, goodnight) with images on either side of the title depending on the title. Create 4 different quadrant (boxes) two at the top and another two at the bottom. Below the 4 quadrants include an image that fits the rest of the screen. Within the image make two buttons one to start writing and the other for instructions. Make a 4 pc space around each box. Then in the very bottom of the webpage include a footer with white text and black background. Make a setting (gear) at the top right of the screen to toggle between light or dark mode. Let the whole webpage change depending on the mode (Light mode:…
In the index.html file, in the header element, wrap the anchor element within a div element with a class attribute value of tab-desk. Below this div element (still within the header element), create a new div element with a class attribute value of mobile. Nest the following elements within this div: <h1>🐾 Wild Rescues</h1> <h3>Rescue. Rehabilitate. Release.</h3>---My index.html <html lang="en"> <head> <title>Wild Rescues: Home</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <a div class="tab-desk"> <a href="index.html"> <img src="images/baby-hawk.jpg" alt="rescued baby hawk"> </a> </header> <nav> <ul> <li><a href="index.html">Home</a></li>…
Stay in the Heart of Sedona At Casita Sedona Bed & Breakfast you’ll be close to art galleries, shops, restaurants, hiking trails, and tours. Ride the free trolley to shops and galleries. Luxurious Rooms Stay in a well-appointed room at Casita Sedona with your own fireplace, king-size bed, and balcony overlooking the red rocks. Refer to the image with code to match the element with the correct description. 1. Stay in the heart of Sedona heading 2, second largest text on this webpage 2. Luxurious Rooms heading 3, third level of text size on this webpage 3. At Casita Sedona Bed & amp; Breakfast ... paragraph, smallest text displayed on this webpage 4. 5.
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 VS Code Project 1. Create a folder on your Desktop named Guided Practice Ch 2. 2. Open the folder in VS Code. Create a Blank Home Page 1. Right-click the left sidebar in VS Code under the folder name, choose New File, and name the file index.html. 2. Code the doctype declaration and opening tag; be sure to add the recom- mended attribute. 3. Code a complete element, with the child element for character encod- ing and a of: Origami Today: Home 4. Code an empty element and make sure the document ends with a single blank line. Add Home Page Content Everything in this section should be coded within the element. K 1. Code a heading 1 element with the text: Origami Today 2. Code a paragraph element with the following text. (You will turn this into a navigation bar in a later chapter): Home Gallery - How To Resources 3. Code a heading 2 element with the text: The Artist 4. Code an empty paragraph element. 1 - Contact - 71 + -
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 ..... }
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).
1) In the contact.html file, find the p element with the class attributes of tel-link round and add the mobile class attribute as well. Do not overwrite the current class attribute values. Immediately following the tel-link round mobile p element, Insert a new paragraph element with the tab-desk class. Wrap the phone number, (814) 555-8989, within this paragraph element--My contact.html <!DOCTYPE html> <html lang="en"> <head> <title>Wild Rescues: Contact</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/styles.css"> <link href="https://fonts.googleapis.com/css2?family=Emblema+One&family=Lora:ital,wght@0, 400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> </head> <body> <header> <div class="tab-desk"> <div class="mobile"> <h1>🐾 Wild…