Write the HTML tags, required attributes and internal style properties to create the table asshown below.Use the , , tags and the instructions given below while writing thecode for creating the table.Final MatchDateLocationTeam ATeam B11-07-2010SpainNetherlandsSouth AfricaFinal ScoreSpain - 1Netherlands - 0World Cup Football 2010Instructions:a. Caption of the table is World Cup Football 2010b. Apply the following internal style properties to the tablei.ii.iii.Make Single line border with size - 3px, style – solid, color - #E238ECTable head, text color - #00FF00Table foot, background color - #FFCBA4Activity 2:Write the HTML tags, required attributes and internal style properties to create the table asshown below. Use the , , tags and the instructions given below whilewriting the code for creating the table.Personal InformationMohammed Salim|MobileNamePB No.111PC 123SeebAddress90011223CityMuscatInstructions:1. Caption of the table is Personal Information2. Apply the following internal style properties to the tableWidth of the table is 500pxII. Make Single line border with 3px size, solid style and color –I.#8b46b9II. Table body, background color - #8acc97

Here I will be doing only first part i.e Activity 1

Write the HTML tags, required attributes and internal style properties to create the table as shown below. Use the , , tags and the instructions given below while writing the code for creating the table.

Write the HTML tags, required attributes and internal style properties to create the table as shown below. Use the , , tags and the instructions given below while writing the code for creating the table.

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

Related questions

Q: create this webpage using background color tag in html

A: This question requires background color tag to be used in this. so i am using this tag to create…

Q: Tablet Media Query Next, you’ll define the layout for tablet and desktop devices. Create a media…

A: @charset "utf-8";@import url("cw_designs.css"); /* New Perspectives on HTML5 and CSS3,…

Q: Add a form on the checkout.html page that takes your name, email, phone number, and a credit card…

A: HTML means Hypertext Markup Language. HTML is developed by Tim Berner Lee in 1990.HTML comprise of…

Q: Part 1-Flex The goal of this section is to create a gallery of images using flexbox: Wademe to Plest…

A: Below are the answers for required files:

Q: Create a new html page. On the html add five products to the page with a product class with price,…

A: <!DOCTYPE html><html><head> <h2 style="text-align:center">Product…

Q: Write HTML code to print the following. hl and h6 headings. Apply inline CSS of red colour to the h1…

A: To write the headings, apply h1 and h6 tags to the text "Hello Coder". To apply red color to h1…

Q: How to add the javaScript functionality in the 'Reset' button and 'Submit' button as form is already…

A: HTML, CSS and JavaScript code: <!DOCTYPE html><html><style> form { border: 3px…

Q: Edit the code to add a form on the page to take your name, email, phone number, and a credit card…

A: HTML form: An HTML form is used to collect user input. The user input is most often sent to a server…

Q: is a box model property used to control the distance between the HTML element content and the border…

A: -Margin: Space between the border and other elements. -Padding: Space between the content and the…

Q: 1.Create the form using HTML code and add Booking number in the given web form below.

A: Step 1:- we can use the CSS and HTML to make this form.CSS is defined in the style tag. We can…

Q: Create a full HTML page according to the following requirements: . Insert the largest heading with…

A: Required:

Q: please show the HTML and CSS codes in order to recreate this form

A: output

Q: In table elements, the most specific html level is the tr element ( row element) TRUE OR FALSE?…

A: In table elements, the most specific html level is the tr element ( row element) TRUE OR FALSE? Text…

Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…

A: CSS position property is used to set position for an element.

Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…

A: To make the output similar to the output shown in the image I have added CSS of h1 tag to make it…

Q: Make a nice look home page using html and css about coffee shop website, apply bootstrap to get nice…

A: <!DOCTYPE html><html lang="en"> <head>  <meta…

Q: Select the jQuery code that will set the background color of all li elements to green. $('li').…

A: $('li').css('background-color','green'); is the jQuery code used to set the background color of all…

Q: Write the HTML tags and required attributes to generate the following form using the information…

A: The required code is as follows:-

Q: In the contact.html file, remove the text, Phone Number:, from the first paragraph element within…

A: in contact.html file phone number wrap within the anchor element that link to the phone number and…

Q: Set the color of the hypertext links in the vertical navigation list to the HSL value (212, 100%,…

A: HTML: You can navigate with another article just by following a link. The mouse arrow will turn…

Q: Write full HTML code to create the following heading and unordered list with required syntax. •…

A: Step 2 has the html code. Save the file as University.html and open with the Internet explorer to…

Q: Write the HTML tags and required attributes to generate the following form using the information…

A: Solution:-- 1)The given requirement of the form is to be coded in HTML. 2)It is an Email…

Q: write HTML 5 code applying the use of headings and style attribute. I want the topic of the site…

A: Write about the use of headings and style attributes in HTML 5 code.

Q: Create a login and signup page using HTML and CSS Follow the image below and use montserrat font

A: Hyper text markup language is basic and simple language to create a webpage.

Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…

A: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…

Q: Table Layout Open the mi_tables.css and go to the Table Styles section and add a style rule for the…

A: HTML stands for Hypertext Markup Language. It allows the user to create and structure sections ,…

Q: Write the HTML code to print the given pattern using h6, h5, and h4 heading tags.

A: In the given design the heading size increases from the first line to the third line, therefore the…

Q: Add reset button to the form, Onclick of reset it will clear the form and alert the user.…

A: Html button and onclick event: Html is a hypertext mark-up language that is used to write code for…

Q: How to create a product table page: To create the product list page, you can copy the…

A: index.html ************ <!DOCTYPE html> <html lang="en"> <head> <meta…

Q: C2. Write the HTML tags and required attributes to generate the following form using the information…

A: The required code is as follows:-

Q: Write the missing HTML and CSS code in the space provided below, for the following HTML file. Please…

A: <!DOCTYPE html> <html><head><title> Quizl </title>…

Q: Please create this contact page using HTML, Javascript, and CSS code necessary to create this image…

A: <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" />…

Q: Student Assessment for IT203N DCN Coursework No Name Student ID Final Exam Total Remarks Quiz Mid…

A: HTML Code: <!DOCTYPE tableHTML><html><head><!inline CSS for table heading, row…

Q: Write the HTML tags and required attributes to generate the following form using the information…

A: <!DOCTYPE html> <html> <head> <style> .main{…

Q: reate a button by using the HTML button element with the following criteria: With an ID of "btn"…

A: Code As Par Your Requirement: it will Reset all the webpage controls when clicked & The third…

Q: Write HTML code to create the following table with required syntax. Use the correct HTML elements…

A: <style type="text/css">.tg {border-collapse:collapse;border-spacing:0;}.tg…

Q: Below the text "Understanding IELTS: Writing", display the text "HR Fundamentals" in an ordered…

A: According to the Question below the Solution: Output:

Q: You have to design this web page by using basic tags of HTML and Css. imp note: (also incuded in ur…

A: - We have made this website in a way that it is understood by anyone easily.

Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…

A: The relative positioning set the element relative to its normal position.

Q: Open index.html in Google Chrome's device mode and resize the page to the current breakpoint for the…

A: Html and CSS are used to create the web applications. HTML which refers to (the Hypertext Markup…

Q: Assume a web page contains header div and a content div below it. Header has its sub elements like…

A: required: to design an html webpage using external style sheet according to given image. note:…

Q: Edit the code so that at the top right of the products.html page there is a link that says "(0)…

A: Below is the updated code, where at the top right there is a link that says "(0) cart". We can use…

Q: write the html code to insert horizontal rule

A: Given: - write the html code to insert horizontal rule

Q: Edit code so that when the add item is pressed, the number in the "(0)Cart" link should increase.…

A: Given that Edit code so that when the add item is pressed, the number in the "(0)Cart" link should…

Concept explainers

jQuery and JavaScript

JavaScript is a client-side programming language used to create dynamic web pages and animations. It uses just-in-time compilation which means it is read line-by-line, checked for correctness of syntax and executed immediately.

Question

Write the HTML tags, required attributes and internal style properties to create the table as
shown below.
Use the <thead>, <tbody> , <tfoot> tags and the instructions given below while writing the
code for creating the table.
Final Match
Date
Location
Team A
Team B
11-07-2010
Spain
Netherlands
South Africa
Final Score
Spain - 1
Netherlands - 0
World Cup Football 2010
Instructions:
a. Caption of the table is World Cup Football 2010
b. Apply the following internal style properties to the table
i.
ii.
iii.
Make Single line border with size - 3px, style – solid, color - #E238EC
Table head, text color - #00FF00
Table foot, background color - #FFCBA4
Activity 2:
Write the HTML tags, required attributes and internal style properties to create the table as
shown below. Use the <thead>, <tbody>, <tfoot> tags and the instructions given below while
writing the code for creating the table.
Personal Information
Mohammed Salim
|Mobile
Name
PB No.111
PC 123
Seeb
Address
90011223
City
Muscat
Instructions:
1. Caption of the table is Personal Information
2. Apply the following internal style properties to the table
Width of the table is 500px
II. Make Single line border with 3px size, solid style and color –
I.
#8b46b9
II. Table body, background color - #8acc97

Expert Solution

This question has been solved!

Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.

This is a popular solution!

SEE SOLUTION Check out a sample Q&A here

Step 1

VIEW

Step 2

VIEW

Step 3

VIEW

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 4 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

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
Using HTML5 code, create cart_checkout.html as shown in the below given picture. Fill the checkout form with all necessary details and add a screenshot to your answer. I attached file The CVV should be obscured so that it cannot be read.
Edit the code to add a form on the page to take your name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card. Existing code: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 80px; height: auto; } </style> </head> <body> <div id="productsFromCart"> </div> <div id="price"></div> <script> let Total_price = 0.0; let items = localStorage.getItem("myItems") ? JSON.parse(localStorage.getItem("myItems")) : []; items.forEach((element, index) => { let products = ""; products += "<div id='product" + element.id + "' class='card'>"; products += "<img src='" + element.image + "' />"; products += "<h1>" + element.name + "</h1>"; products += "<p…
Add a form on the checkout.html page that takes your name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card. Existing code: checkout.html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 80px; height: auto; } </style> </head> <body> <div id="productsFromCart"> </div> <script> let items = localStorage.getItem("myItems") ? JSON.parse(localStorage.getItem("myItems")) : []; items.forEach((element,index) => { let products = ""; products += "<div id='product" + element.id + "' class='card'>"; products += "<img src='" + element.image + "' />"; products += "<h1>" + element.name + "</h1>"; products += "<p class='price'>" + element.price + "</p>"; products += "<p>" + element.category +…
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,…
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…