Html table assignment

In very few places the data can be kept very beautiful. So that later the data can be found very easily without any hassle. These consist of rows and columns and are often used on websites to effectively display tabular data.

HTML table-based layout. The table provides the easiest way to create layouts in HTML. Typically, this involves the process of placing content such as text, images, etc. in rows and columns. HTML layouts provide a way to arrange web pages in well-mannered, well-structured, and responsive form or we can say that HTML layout specifies a way in which the web pages can be arranged. Web-page layout works with the arrangement of visual elements of an HTML document.

Use your <table> tag to create tables in HTML. A table consists of rows and columns, which can be set using one or more <tr>, <th> and <td> elements. A table row is defined by the <tr> tag. To set the table header, use the <th> tag. You can follow the code below.
<style>
    td {
      border: 1px solid black;
    }
    th {
        padding: 12px 10px;
      border: 1px solid black;
    }
</style>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body><table style="width:40%" border="2" cellspacing="0">
    <tr>
        <th colspan="5">Student Details</th>
      </tr>
    <tr>
      <td rowspan="6">Firstname</td>
      <td>JOHIR ISLAM </td>
      <td rowspan="6">Age</td>
      <td>120</td>
    </tr>

    <tr>
      <td>JOHIR KAN </td>
      <td>120</td>
    </tr>
    <tr>
        <td style="width:50%">JAHIRUL ISLAM </td>
        <td>100</td>
      </tr>
  </table>  
</body>
</html>

Related Posts

Preg_match_all-in-php.jpg

Preg_match_all in php

The Basic Concept of the PHP preg_match_all Function The PHP preg_match_all function is a pattern-matching function that matches the text. This function is use to search for…

document.queryselector-in-javascript.jpg

what is document.queryselector in javascript

What is document.querySelector() in Javascript? The javascript document.querySelector() method retrieves. The element with the given tag name or id from within a document. The document.querySelector() method returns…

JQuery hide Method.jpg

JQuery hide Method

What can the JQuery Hide Method Do For You? The JQuery Hide Method is a function that one can use to hide text on a website. It…

Push array in php.jpg

Push array in php

What is a php Push Array? A push array is a PHP data type that can store an arbitrary number of values. The push array is a…

How to use map method in javascript.jpg

How to use map method in javascript

What is the Map Method? The map method is a higher-order function in JavaScript. Who can use it to transform an array into another array by iterating…

Splice an array javascript.JPG

Splice an array javascript

Splicing Practices and their Applications Splice is a JavaScript function that Who Who can use to create a new array from an existing one by adding or…

This Post Has 4 Comments

  1. Pingback: html dl - BWD

Leave a Reply

Your email address will not be published.

Education Template