Search
 
SCRIPT & CODE EXAMPLE
 

HTML

how to make a table in html

<!Doctype html>
<html>
    <body>
        <table border="5">
            <thead>
                <tr>
                    <td>Sr No.</td>
                    <td>Name</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1.</td>
                    <td>2.</td>
                </tr>
                <tr>
                    <td>Python</td>
                    <td>HTML</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
Comment

html table structure

<!DOCTYPE html>
<html>
<style>
table, th, td {
  border:1px solid black;
}
</style>
<body>

<h2>A basic HTML table</h2>

<table style="width:100%">
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>

<p>To understand the example better, we have added borders to the table.</p>

</body>
</html>
Comment

HTML Tables

<table><caption>Phone numbers</caption>
<thead>
<tr>
	<th>Name</th>
	<th colspan="2">Phone</th>
</tr>
</thead>
<tbody>
<tr>
	<td>John</td>
	<td>577854</td>
	<td>577855</td>
</tr>
<tr>
	<td>Jack</td>
	<td>577856</td>
	<td>577857</td>
</tr>
</tbody>
<tfoot>
<tr>
	<td>&nbsp;</td>
	<td>Personal</td>
	<td>Office</td>
</tr>
</tfoot>
</table>
Comment

html table

HTML
<table border="1">
	<tr>
		<td>Rangée 1 Cellule 1</td>
		<td>Rangée 1 Cellule 2</td>
	</tr>
	<tr>
		<td>Rangée 2 Cellule 1</td>
		<td>Rangée 2 Cellule 2</td>
	</tr>
</table>
Comment

HTML Tables

<!DOCTYPE html>
<html lang="en">
<head>
<title>Example of HTML caption Tag</title>

</head>
<body>
   	<table dir="rtl" border="1" cellpadding="17"width="400" height="100" >
        <caption>User Details</caption>
        <thead>
            <tr>
                <th>1.</th>
                <th>2</th>
                <th>3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>10</td>
                <td>20</td>
                <td>30</td>
            </tr>
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
            <tr>
                <td>1000</td>
                <td>2000</td>
                <td>3000000000</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
Comment

PREVIOUS NEXT
Code Example
Html :: thymeleaf form delete method 
Html :: how to add preloader in html page 
Html :: div side by side css without bootstrap 
Html :: how to put dowloadable resume on website html 
Html :: select option 
Html :: html floating text 
Html :: img srcset 
Html :: link to section on page html 
Html :: css carousel 
Html :: xpath equals 
Html :: country code dropdown with flag bootstrapp 
Html :: html elements 
Html :: frames html example 
Html :: html form detached submit button 
Html :: em tag in html5 
Html :: bootstrap 4 multiple file upload 
Html :: delete html 
Html :: html tables 
Html :: tailwind rounded top left 
Html :: react hooks html imput on change 
Html :: use js variable in form action 
Html :: html new line without <br 
Html :: input field with add button that creates another input 
Html :: how to make windows pop up in html 
Html :: onchange for contenteditable div 
Html :: how to change colour of part of a text in html 
Html :: Jumbotron in boostrap 5 
Html :: which text is used to create text animations in html 
Html :: hide table html 
Html :: Font Awesome icons html code 
ADD CONTENT
Topic
Content
Source link
Name
9+9 =