Scribd Logo
Upload

Welcome to Scribd!

  • Wtws Set-1

    Uploaded by

    Shankar S
    4 views4 pages
    The document provides an algorithm to create a web page with a CSS styled table displaying information for at least 7 students. The algorithm involves: 1) Creating an HTML file with basic structure; 2) Adding a title and CSS styles; 3) Inserting a table with <thead> and <tbody> tags; 4) Adding <th> tags for column headers and <td> tags for each student's data in 7 <tr> rows; 5) Saving and viewing the file to see the styled student list table.

    Original Description:

    Original Title

    wtws set-1

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides an algorithm to create a web page with a CSS styled table displaying information for at least 7 students. The algorithm involves: 1) Creating an HTML file with basic structure; 2) Adding a title and CSS styles; 3) Inserting a table with <thead> and <tbody> tags; 4) Adding <th> tags for column headers and <td> tags for each student's data in 7 <tr> rows; 5) Saving and viewing the file to see the styled student list table.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views4 pages

    Wtws Set-1

    Uploaded by

    Shankar S
    The document provides an algorithm to create a web page with a CSS styled table displaying information for at least 7 students. The algorithm involves: 1) Creating an HTML file with basic structure; 2) Adding a title and CSS styles; 3) Inserting a table with <thead> and <tbody> tags; 4) Adding <th> tags for column headers and <td> tags for each student's data in 7 <tr> rows; 5) Saving and viewing the file to see the styled student list table.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    AIM:

    To create a web page for displaying at least 7 student’s list in table with appropriate CSS.

    ALGORITHM:

    1. Begin by creating a new HTML file and add the basic HTML structure, including the `<!DOCTYPE>`
    declaration, `<html>`, `<head>`, and `<body>` tags.

    2. Inside the `<head>` tag, add a `<title>` tag and set the title of the web page to something
    descriptive like "Student List".

    3. Add a `<style>` tag inside the `<head>` section to define the CSS styles for the table. Use the
    following CSS properties to make the table look good: `border-collapse`, `width`, `text-align`,
    `padding`, `border-bottom`, `background-color`, `color`, and `nth-child`.

    4. Inside the `<body>` tag, add a `<h1>` tag and write a title for the web page like "Student List".

    5. Create a `<table>` tag and add a `<thead>` and a `<tbody>` tag inside it. The `<thead>` tag is used
    to define the header row of the table, while the `<tbody>` tag is used to define the body of the table.

    6. Inside the `<thead>` tag, create a `<tr>` tag and add `<th>` tags for the columns of the table, such
    as "Name", "Age", and "Major".

    7. Inside the `<tbody>` tag, create 7 `<tr>` tags and add `<td>` tags for each of the columns, such as
    "Leo", "22", and “INFORMATION TECHNOLOGY". Repeat this step for each of the 7 students.

    8. Save the HTML file and open it in a web browser to see the student list table with the appropriate
    CSS.
    RESULT
    The above experiment was executed successfully.

    You might also like