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 Add box-shadow to the heading 20px offset, 10px vertical offset, and yellow color. . Insert a div element after the heading with height equal to 100px. . Add red background color to the div element. • Set the linear gradient for the div from top to bottom and the color from red to yellow.

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 Add box-shadow to the heading 20px offset, 10px vertical offset, and yellow color. . Insert a div element after the heading with height equal to 100px. . Add red background color to the div element. • Set the linear gradient for the div from top to bottom and the color from red to yellow.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor

Section: Chapter Questions

Problem 16RA

See similar textbooks

Similar questions

Write full HTML code to create the following table with required syntax. Use the correct HTML elements for each part of the table Add internal CSS to style the table head as “lightblue” color with 50px height Add internal CSS to style the all table border as solid 2px with color #666666
web development: Write full HTML code to create the following heading and unordered list with required syntax. Create h2 element for header Create the unordered list Add internal CSS to style the header h2 with background-color as rgb(20,220,20) and border-radius as 15px. Add internal CSS to style unordered list bullet as an image –choose any image name
1. 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. 2. Update the style rule for the footer selector to clear a float on the left. STYLES.CSS code #css1, #css2, #css3 { width: 40%; float: left; padding: 0 1%; } footer { text-align: center; font-size: 0.85em; color: #47476b; padding: 1% 0; border-top: 3px solid #47476b; } body { padding 2%; background-color: #d1d1e0; } main { padding: 2%; font-family: Geneva, Arial, sans-serif; } header h1 { text-align: center; font-size: 3em; font-family: Georgia, Times, serif; padding: 3%; color: #47476b; } nav { background-color: #47476b; } nav ul { margin: 0; } nav li { display: inline-block;…
Within the article element, directly below the h2 element, enter the opening and closing tags of a script element on separate lines. Within the script insert a JavaScript line comment containing the text create ordered list.Below the line comment, insert multiple document.write() commands to write the following HTML code for an ordered list:<ol><li>Reduce spending on non-necessities.</li><li>Use extra money to pay off debt,starting with highest-interest credit cards.</li><li>Continue paying off debts until you are debt free.</li><li>Put a fixed percent of your pay aside every payday.</li></ol>Save your work and open html file in your web browser. Verify the content of the page resembles that shown in Figure 1-23. A numbered list containing four items should be displayed below the h2 heading “Financial Planning Tips,” as shown in Figure 1-23.
QUESTION 12 Write full HTML code to create the following table with required syntax. Use the correct HTMIL elements for each part of the table Add internal CSS to style the table head as "lightblue" color with 50px height Add internal CSS to style the all table border as solid 2px with color #666666
QUESTION 14 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
Write a code to create a HTML page that allows the user to select any one from list of 5 countries. Use image hotspot to display the capital of selected country. Also add CSS animation to customize the properties of the font of the capital and background color of page.
Edit the CSS file (leave a blank line between selectors): Add a BODY selector with a background color of #c2d4d4. Set an IMG selector with a max width of 98% and a top margin of 0.5em. Set a HEADER selector with a top margin of 0.2em and set the text to align to the center. Set a H1 selector with a bottom margin of 0.5em and set the font to sans-serif. Set a H2 selector with a bottom margin of 0.5em. Set a NAV selector with the font to sans-serif, a font size of 1.1em, set the font weight to bold, and set the text to align to the center. Set the NAV UL with padding of 0, top and bottom margins to 0.5em. Edit the NAV LI selector with a background color of #678197 and set the list items to display without bullets. Make a class called CENTER and set the bottom margin to 0.3em, the left and right margins to auto. Set a class called MOBILE with a display of inline. Set a class of DESKTOP with a display of none. Set a class of TABLET to display of none. Set a class called PHOTOS with a…
Set the color of the hypertext links in the vertical navigation list to the HSL value (212, 100%, 29%) with an opacity of 0.6. Remove the underlining from the hypertext links. If the user hovers the mouse pointer over a link in the list, increase the opacity to 1.0 and display the underline
Table Layout Open the mi_tables.css and go to the Table Styles section and add a style rule for the table element that: sets the background color to a linear gradient that goes to the bottom of the table background starting from rgb(190, 215, 255) and ending in black and adds a 5-pixels solid gray border. Table Elements For every th and td element in the table, create a style rule that: adds a 3-pixel solid gray border, sets the line height to 1.4em, and sets the padding space to 8 pixels. For every th element, create a style rule that: sets the background color to black, sets the font color to rgb(130, 210, 255), and sets the font weight to normal. For every td element, create a style rule that: sets the font color to white, sets the font size to 0.9em, and aligns the cell text with the top of the cell.
Create a table as shown at the below in an HTML document. Write an internal style sheet for the following requirements. Insert all the data into the table. Set the caption according. Set the border for the table and collapse the borders as well. Apply a font family for text in the table. Use the table as a selector and specify sans-serif as the font. Add a style for the caption that changes the font size to 24pt, adds some bottom padding to move it away from the table border.
Table Layout Open the mi_tables.css and go to the Table Styles section and add a style rule for the table element that: sets the background color to a linear gradient that goes to the bottom of the table background starting from rgb(190, 215, 255) and ending in black and adds a 5-pixels solid gray border. this is a programming question. The following is what I currently have (under table styles), but I am having a hard time getting more of the background columns to show. Thanks. /* Table Styles */ table { background: linear-gradient(to bottom , rgb(190, 215, 255), black); border: 5px solid gray; } th, td { border: 3px solid gray; line-height: 1.4em; padding: 8px; } th { background: black; color: rgb(130, 210, 255); font-weight: normal; } td { color: white; font-size: 0.9em; vertical-align: top; }