Through HTML We use list and table
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table and lists</title>
</head>
<body>
<!-- our body list begin here -->
<ul type="circle">
<li>this is first item of my unordered list</li>
<li>this is first item of my unordered list</li>
<ul>another one</ul>
<ul>another second</ul>
<li>this is first item of my unordered list</li>
</ul>
<ol type="I">
<li>this is first item of my ordered list</li>
<li>this is first item of my ordered list</li>
<li>this is first item of my ordered list</li>
</ol>
<!-- our tables begin here -->
<h3>HTMAL TABLE</h3>
<table>
<!-- our thead begin here -->
<thead>
<th>Name</th>
<th>Employee id</th>
<th>Employee Role</th>
</thead>
<!-- our body begin here -->
<tbody>
<tr>
<td> Mr full stop </td>
<td> 534 </td>
<td> software dev </td>
<tr>
<td> Mr dynmo </td>
<td>3444 </td>
<td> android dev </td>
</tr>
<tr>
<td> Mr bholua </td>
<td>3466 </td>
<td> computer expert </td>
</tr>
</tbody>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>table and lists</title>
</head>
<body>
<!-- our body list begin here -->
<ul type="circle">
<li>this is first item of my unordered list</li>
<li>this is first item of my unordered list</li>
<ul>another one</ul>
<ul>another second</ul>
<li>this is first item of my unordered list</li>
</ul>
<ol type="I">
<li>this is first item of my ordered list</li>
<li>this is first item of my ordered list</li>
<li>this is first item of my ordered list</li>
</ol>
<!-- our tables begin here -->
<h3>HTMAL TABLE</h3>
<table>
<!-- our thead begin here -->
<thead>
<th>Name</th>
<th>Employee id</th>
<th>Employee Role</th>
</thead>
<!-- our body begin here -->
<tbody>
<tr>
<td> Mr full stop </td>
<td> 534 </td>
<td> software dev </td>
<tr>
<td> Mr dynmo </td>
<td>3444 </td>
<td> android dev </td>
</tr>
<tr>
<td> Mr bholua </td>
<td>3466 </td>
<td> computer expert </td>
</tr>
</tbody>
</table>
</body>
</html>
No comments:
Post a Comment