HomeworkLib
Question

Task: Choose a webpage that used a table. Print the source code, notate the tags related...

Task:

Choose a webpage that used a table. Print the source code, notate the tags related to tables, and create a page of notes about HTML tags used for tables. Submit a pdf with the answers.

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Here is the explanation for tags used for tables in HTML and a web page script containing tables.

NOTE : As copying any code from other webpages is prohibited as per Chegg Policy have created a web page that contais a table and explained the table tags.

SCRIPT CODE OF A WEB PAGE :

<!DOCTYPE html>

<html>

<head>

<title>HTML TABLES</title>

<style>

table,th,td{

border : 1px solid black;

font-size : 30px;

}

</style>

</head>

<body>

<center>

<h1>Sample Web Page</h1>

<caption>TABLE 1</caption>

<table>

<tr>

<th>Roll No.</th>

<th>Name</th>

<th>Class</th>

<th>School</th>

</tr>

<tr>

<td>101</td>

<td>Rajesh</td>

<td>5</td>

<td>Lotus High School</td>

</tr>

<tr>

<td>102</td>

<td>Ramya</td>

<td>2</td>

<td>Lotus High School</td>

</tr>

<tr>

<td>103</td>

<td>Anjali</td>

<td>5</td>

<td>Lotus High School</td>

</tr>

<tr>

<td>104</td>

<td>Kavya</td>

<td>5</td>

<td>Lotus High School</td>

</tr>

<tr>

<td>105</td>

<td>Haritha</td>

<td>5</td>

<td>Lotus High School</td>

</tr>

</table>

</center>

</body>

</html>

Tags related to tables in the above code are:

1.<caption></caption>

2.<table></table>

3. <tr></tr>

4.<th></th>

5.<td></td>

As uploading pdfs is not allowed. Please find the notes below and refer screenshots if any inconvenience with the text.

TABLE TAGS IN HTML

==================

MOST IMPORTANT TAGS TO CREATE A TABLE IN HTML

==============================================

1. caption tag - start tag : <caption>

   End tag : </caption>

  Description - It is used to set the caption of a table.

   In the above code it is "TABLE 1".

2. table tag - start tag : <table>

   End tag : </table>

Description - This is the roort tage to create a table.

   Without table tag a table cannot be created.

   Rows, columns and data for a table are written inside the table tag

3. table row tag - start tag : <tr>

    End tag : </tr>

Description - Used to create a row in a table.

   Inside row we write column headings,column values.

4. table heading - start tag : <th>

    tag End tag : </th>

Description - Used to write headings for column of a table.

   Generally th tags are presented at the starting row of a table.

5. table data tag - start tag : <td>

          End tag : </td>

  Description - Used to write column values of a table.

   td tags are generally used after th tags.

OTHER TAGS FOR TABLES IN HTML

=============================

1. thead tag - start tag : <thead>

        End tag : </thead>

Description - This tag is used to refer heading part of a table

2. tbody tag - start tag : <tbody>

   End tag : </tbody>

Description - This tag is used to refer body part of a table

3. tfoot tag - start tag : <tfoot>

   End tag : </tfoot>

Description - This tag is used to refer footer part of a table

NOTE : These three tags are rarely used in HTML tables.

If you want to use and see them in output add the following code to given HTML code after </table> tag.

<table>

<thead>

<tr>

<th>Roll No.</th>

<th>Name</th>

<th>Class</th>

<th>School</th>

</tr>

</thead>

<tbody>

<tr>

<td>101</td>

<td>Rajesh</td>

<td>5</td>

<td>Lotus High School</td>

</tr>

<tr>

<td>102</td>

<td>Ramya</td>

<td>2</td>

<td>Lotus High School</td>

</tr>

</tbody>

<tfoot>

<td>TOTAL</td>

<td></td>

<td></td>

<td>2</td>

</tfoot>

</table>

NOTE : This won't show any difference with above . To see difference we need to use CSS which is not the

scope of this answer.

=================================================================

SCREENSHOTS :

Please see the screenshots of the code below for indentations of the code.

Screenshots of the script code.

Screenshots of the notes.

OUTPUT OF THE SCRIPT

NOTE : Code written in style tag sets border for the table as 1px width and of solid black color . Font-size property sets the size of text in the table.

Any doubts regarding this can be explained with pleasure:)

0 0
Add a comment
Know the answer?
Add Answer to:
Task: Choose a webpage that used a table. Print the source code, notate the tags related...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • Create a HTML code on HTML tags and attributes Add textual content to your page which...

    Create a HTML code on HTML tags and attributes Add textual content to your page which describes your topic. Your text does not have to be all that unique. You can copy from the textbook or other sources as long as you cite your sources. Remember, you are trying to explain something to another student. Task 2: Find at least three (3) resources on the Internet which also explain your topic and add them as links (<a>) to your page...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • 2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instru...

    2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...

  • You need to implement a web application that is split in three parts, namely, Webpage, PHP...

    You need to implement a web application that is split in three parts, namely, Webpage, PHP and MySQL. Each of them will be used accordingly to solve a simple problem described below. Remember to implement the logic in the most secure way of your knowledge. PHP Implement a PHP function that reads in input a string from the user and store it in a table (e.g., in a field called "Content Name"). The function should be able to read the...

  • You need to implement a web application that is split in three parts, namely, Webpage, PHP and My...

    You need to implement a web application that is split in three parts, namely, Webpage, PHP and MySQL. Each of them will be used accordingly to solve a simple problem described below. Remember to implement the logic in the most secure way of your knowledge. PHP Implement a PHP function that reads in input a string from the user and store it in a table (e.g., in a field called "Content Name"). The function should be able to read the...

  • CSET 3200 HOMEWORK 7 The resource to help you in this homework is located in Blackboard...

    CSET 3200 HOMEWORK 7 The resource to help you in this homework is located in Blackboard in the HTML Tutorial. Use Visual studio WEB Site to: Design a website for an institution; Rocket University. The website must contain the following links tabbed next to each other: 1. About. When one clicks on this link, it gives a brief description about Rocket University, the address of Rocket University, and a background image. Come up with your own description. 2. Academics. When...

  • c. it will print better than a word d. it is easier to write in HTML...

    c. it will print better than a word d. it is easier to write in HTML 46. The part of a database that is used for 42. In the following diagram, transition processing document effects been set on slide(s) casy input of data is a. Forms b. Queries c. Reports d. Tables 47 is NOT an example of a common data type found in most databases a a 1 and 2 b. b 3 and 4 c cl and 3...

  • For this project your task is to update the RSS Reader program you wrote for the...

    For this project your task is to update the RSS Reader program you wrote for the previous project so that it reads multiple RSS feeds and generates the same nicely formatted HTML page of links for each feed, plus an HTML index page with links to the individual feed pages. Your new program should ask the user for the name of an XML file containing a list of URLs for RSS v2.0 feeds (see below for the format of this...

  • I will like to compare automobile producers. This assignment suppose to read data like div tags...

    I will like to compare automobile producers. This assignment suppose to read data like div tags a etc. And count occurrence of them. Reading from a URL while working with an API (using Mediawiki API as an example) Input: Will be obtained from a URL using Mediawiki API -- starter code below Output: Up to you... sort of. What to submit: Upload a report (.pdf preferred) containing screenshots of code, output, and discussion/conclusions to d2l dropbox. Please also submit your...

  • HTML Create a webpage with three divisions.  Division 1 occupies the left-side of the page with a few links of your choice.  Division 2 and 3 have the same width.  You may use % to specify the width. ...

    HTML Create a webpage with three divisions.  Division 1 occupies the left-side of the page with a few links of your choice.  Division 2 and 3 have the same width.  You may use % to specify the width.  For example, for division 1: width:20%, and for division 2 and 3: width:80%.   Division 2 is used to display an image of your choice using the background-image property.  Division 3 is to show the double-declining depreciation table, and has a background color...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT