Question 3 Write HTML codes to create the table below based on the specifications given. Types of COVID-19 vaccines Pfizer Sputnik V AstraZeneca Sinovac CanSinoBIO Moderna 30% Specifications: Insert embedded styles to set the table width, table border, cell border and cell text alignment with suitable width, styles and colors. Insert inline styles to set suitable background color for the table cells.

Question 3 Write HTML codes to create the table below based on the specifications given. Types of COVID-19 vaccines Pfizer Sputnik V AstraZeneca Sinovac CanSinoBIO Moderna 30% Specifications: Insert embedded styles to set the table width, table border, cell border and cell text alignment with suitable width, styles and colors. Insert inline styles to set suitable background color for the table cells.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter7: Designing A Web Form: Creating A Survey Form

Section: Chapter Questions

Problem 24CP3

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
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes
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 forgot to attach the orignial code. Here it is, I just need to make this code look like the image provided. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Employee table</title> <style> body { width: 750px; margin: 0 auto; } table { border-collapse: collapse; border: 1px solid black; margin: 20px; } thead { background-color: yellow; } th, td { border: 1px solid black; padding: .2em 1em .2em .5em; text-align: left; vertical-align: middle; } .right { text-align: right; } tbody tr:nth-child(even) td { background-color: yellow; } </style> </head> <body> <table> <thead> <tr> <th>Name</th>…
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
I am having trouble getting these borders to ling up, specifically my atempts at centering my nav list have warped the layout. Any suggestions would ber welcomed.Without the 'ul' styles the left and right section borders looks as planned. /* HTML Styles */ html { background-color: black; border: 10px solid white; } /* Page Body Styles */ body { font-family: 'Times New Roman', Times, serif; color: white; } /* Body Header Styles */ h1 { width: 1895px; text-align: center; } ul { margin: 10px; width: 900px; } ul li { display: block; width: 120px; float: left; margin-left: 2px; border: 10px solid gray; } ul a { display: block; padding: 3px; text-decoration: none; color: white; text-align: center; } nav a:hover { color: #98ff98; } nav a:visited { color: gray; } /* Article Styles */ /* Section Styles */ section#leftColumn { column-count: 1; float: left; text-align: center; border: 10px solid gray; width:…
Use the given HTML documents to answer the following questions. <doctype html> <Html> <head> <title>Page Title</title> <style> .grid. Container { Display: grid; Grid-gap: 50px 100px ; Grid-template- columns: auto auto auto; Background-color: blue; Padding: 10px; } .grid-box { background-color: red; border: 1 px; padding: 20px; font-size: 30px } </style> </head> <body> <h1>book at my grid:<</h1> <div class “grid-container”> <div class “grid-box”>1</div> <div class “grid-box”>2</div> <div class “grid-box”>3</div> <div class “grid-box”>4</div> <div class “grid-box”>5</div> <div class “grid-box”>6</div> </div> </body> </html> What is the spacing of the grid row gap? 1px 30px 50px 100px