Write the required HTML and CSS code to create the table as shown below. 1. Single line red border with 1px width. 2. 400 pixels width and 300 pixels height. 3. Pay attention to the caption and to the table cell alignment (left, right, top, bottom) 4. You can use internal or inline CSS to style the table. Do not use thead, tfoot, or tbody. Good Food Vegetables Tomato Potato Lettuce Spanish Fruits Banana, Apple

Write the required HTML and CSS code to create the table as shown below. 1. Single line red border with 1px width. 2. 400 pixels width and 300 pixels height. 3. Pay attention to the caption and to the table cell alignment (left, right, top, bottom) 4. You can use internal or inline CSS to style the table. Do not use thead, tfoot, or tbody. Good Food Vegetables Tomato Potato Lettuce Spanish Fruits Banana, Apple

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter6: Working With Tables And Columns: Creating A Program Schedule For A Radio Station

Section: Chapter Questions

Problem 6CP4

See similar textbooks

Similar questions

Build this initial home page inside a 2x2 html table. Using the proper table attributes, make the table 800 pixels wide and 500 pixels high. Using html attributes, make the first row 100 pixels high and the first column no more than 200 pixels wide. Tentatively label each cell of the table like this:
Create a semantic page layout with only with HTML no styling. Within the header, create a navigation list with one or two "skip navigation links. In the main content, create a form with username and email text inputs and a submit button. Create a footer with the copyright date. Make sure that all elements that need proper WGAG compliant AIRA and ROLES and can be navigated by keyboard and screen reader.
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…
13- Create a webpage applying the new HTML 5 semantic elements and design using CSS based on the instructions given. Heading text : “Places to Visit in Oman” Navigation text : Opera House, National Museum Footer text : Best places to visit in Muscat Governorate a) Create Main with the following styles Set Border style to double Set Border width to 10px Set Border color as lime b) Create Header and footer with the following styles · Set background color as red · Set the text color as yellow · Set the font-size as 30px c) Create the navigation with the following styles · Set background color as blue · Set “opera.html” as the target ,when the text “Opera House” is clicked · Set “national.html” as the target ,when the text “National Museum” is clicked
Write Css style rulesto layot text in 4 columns with a column gap of 25px , column rule of style solid , color blue and width 4px
Need an HTML Code with inlined elements Build this initial home page inside a 2x2 html table. Using the proper table attributes , make the table 800 pixels wide and 500 pixels high. Using html attributes, make the first row 100 pixels high and the first column no more than 200 pixels wide. Tentatively label each cell of the table like this:
I want to make a CSS for this code so the logo is in the center of the page and the text needs to be bigger and fits the page and evenly spaced. I also want to make the background color white and for the body to have a blue border. I also want the footer to have a blue background and centered. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="CSS/index.css"> <title>Video Game History</title> </head> <body> <nav> <a href="index.html">Home</a> <a href="about.html">About Us</a> <a href="contact.html">Contact Us</a> </nav> <h1>Home Page</h1> <article> <img src="Images/Logo.png" alt="Video Game" height="80"> <h2>The Early Ages</h2> <p>Today, video…
I need help, please try to actually make it look like this, I have been given inaccurate answers, this is done with HTMl and CSS Create the page layout where we 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 but the actual background of the list is red. so its a black block with a red block inside that has the list. Each item in the list is hyperlinked except for one called "Home". The unlinked…
I have some questions about HTML/CSS/JS theroy. 1. What can I "create Two style sheets" mean? Explain how please. 2. How do I "add logo or Anchor links" on A navigation bar? 3. What does "use columns horizontally and vertically in Style sheets" mean? 4. How do I "Add a button/link/other" using Javascript? 5. How do I "Add a textbox to page that allows a user to input a HEX color code"?
Create a web page that generates a timesheet table like the one in Figure 1 using the HTML code from Figure 2 and the CSS rules from Figure 3 below. NOTE: For Figure 2, fill in the ellipsis (...) with the correct code.
Make a nice look home page using html and css about coffee shop website, apply bootstrap to get nice look, use your inispiration to make the home page with navigation bar and also footer at the end.
Create your own HTML landing page ( Must be responsive) After that Improve your HTML and apply some CSS scripts design NOTE: ALWAYS PROVIDE A SCREENSHOT OF YOUR PAGE ( BEFORE & AFTER )