Code a small table that has a single column with three rows into an HTML page. Using CSS, set the width of the table to be 100px, the background colour of the rows to be RGB ddeeff, and the table text centred in each cell; set the padding in the table cells to 5px - see the 'Styling Text' page in the HTML tutorial for details on building and styling tables. Place a single word in each table cell. By means of event handler attributes in the table cell elements, cause the background colour of an individual cell to change to RGB ffeedd when the mouse pointer passes over the cell and then back to RGB ddeeff when the mouse moves out again. Use the onmousover and onmouseout event- handlers to make the changes. Important: while in a style statement a property like background-color is hyphenated, in a JavaScript the same property is written like this: backgroundColor Anything else will result in a script error! One Two Three HINTS: • You will need to give each table cell an ID so that you can access it in your code.

Code a small table that has a single column with three rows into an HTML page. Using CSS, set the width of the table to be 100px, the background colour of the rows to be RGB ddeeff, and the table text centred in each cell; set the padding in the table cells to 5px - see the 'Styling Text' page in the HTML tutorial for details on building and styling tables. Place a single word in each table cell. By means of event handler attributes in the table cell elements, cause the background colour of an individual cell to change to RGB ffeedd when the mouse pointer passes over the cell and then back to RGB ddeeff when the mouse moves out again. Use the onmousover and onmouseout event- handlers to make the changes. Important: while in a style statement a property like background-color is hyphenated, in a JavaScript the same property is written like this: backgroundColor Anything else will result in a script error! One Two Three HINTS: • You will need to give each table cell an ID so that you can access it in your code.

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

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
Create an html page. Add 5 product images to the page with Price, Name, Description and Id attributes. Under each product add an add to cart button and a remove from cart button on each item. Make the id property of the buttons the id for the product. At the top right of the page, add a link that says (0) cart. When the add button is pressed, this number should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a new page called checkout.html. The checkout.html page should display all the items in the cart, and a total price. Add a form on the page that takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card. Create a javascript file as script for the product html and checkout html page. In this file, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your…
Create a web page with your favorite recipes! The recipe book should have a table of contents linking to each recipe below, using internal links. Each recipe should have a table for the ingredients, a list of details, and a list and/or paragraphs of the steps required. If you use recipes from the internet, be sure to add a link to the website. ags Use CSS to style the recipe book, using a mix of the simple selectors and colors that you've learned. Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click "View image" on the result you like, and copy the URL into your tag. Work on your project for as long as you'd like, then click this button when you're done. I'm done! k!DOCTYPE html> 2- 's Recipe Book nd 3- Project: Recipe book 4. Contents: 7 8. 1. Recipe #1 10 's Recipe Book Recipe # 11 12 13 Contents: • Time: • Serves:_ 14 Recipe #1 15- A 16 17 Ingredients Quantity 18…
Assume a web page contains header div and a content div below it. Header has its sub elements like logo, title and 3 links. Content div will be with its sub elements like div, headings and paragraphs. Write html code along with the style of all these elements that existing on the page in external style sheet. MC MoviesCounter Cites
QUESTION 12 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 intermal CSS to style the all table border as solid 2px with color #666666 Omani Wilayat Name City Al DakhiliahNizwa Wilayat Muscat Muscat Dhofar Salalah
Assume a web page contains header div and a content div below it. Header has its sub elements like logo, title and 3 links. Content div will be with its sub elements like div, headings and paragraphs. Write html code along with the style of all these elements that existing on the page in external style sheet. MC MoviesCounter Cl
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: A header element with the heading: "I love kitty cats" A navigation element including links to "Cat 1" and "Cat 2" which link to cat1.html and cat2.html respectively. A main element containing: a heading; a paragraph of lorem ipsum text; a 300px wide editorial image using this url: https://images.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpegAnd this caption: "Cute kitty cat"; A footer element with the following content: "semantic html example with a cute kitty". Add internal CSS (and extra HTML if you need to) so that your page looks like the image below and: Use flexbox to make the nav items sit side-by-side; Make the image take up the whole width of its parent container, on all screen sizes; On screens wider than 820px only, use flexbox to make the image of the cat sit next to the written content in the main element; On screens wider than 1200px only, give…
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…
Assume a web page contains header div and a content div below it. Header has its sub elements like logo, title and 3 links. Content div will be with its sub elements like div, headings and paragraphs. Write html code along with the style of all these elements that existing on the page in external style sheet. MC MoviesCounter Cien
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 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. Welcome to My Website
Write html necessary code (no CSS is required) to create a table with the following requirements: 1. Use a table caption with text "Table caption". 2. Table contains a table header and is (the first row) expanded (spanned) to 2 columns with text "This is a heading." 3. Table contains 2 rows and 2 columns in addition to the header. 4. The right column is expanded (spanned) to 2 rows. 5. The text inside the first (or left) column are "1" and "2" respectively for the 2 rows. 6. The text inside the second (or right) column is "3" . Note that this column is spanned to 2 rows.
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.