Html tables
How do I make an html tables?
What is a html tables? How do you make a html tables? This script and codes were developed by Aaron Cuddeback on 03 November 2022, Thursday.
Html tables - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>html tables</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Employee Information</title> <link href='https://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<html> <body> <table> <caption>Employee Information</caption> <thead> <!-- Table Header --> <tr> <!-- TH = Table Header --> <th scope="col">Name</th> <th scope="col">Email</th> <th scope="col">Job Role</th> </tr> </thead> <tfoot> <tr> <td colspan="3">This is a footer.</td> </tr> </tfoot> <tbody> <!-- Table Body for content --> <tr> <th scope="row">Aaron</th> <td>[email protected]</td> <td>Web Designer</td> </tr> <tr> <th scope="row">Dave</th> <td>[email protected]</td> <td>Front End Developer</td> </tr> <tr> <th scope="row">Chris</th> <td>[email protected]</td> <td>Programmer</td> </tr> <tr> <th scope="row">Bill</th> <td>[email protected]</td> <td>Web Designer</td> </tr> <tbody> </table> </body>
</html>
</body>
</html>
Html tables - Script Codes CSS Codes
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
body { font-family: 'Nunito', sans-serif; color: #384047;
}
table { max-width: 960px; margin: 10px auto;
}
caption { font-size: 1.6em; font-weight: 400; padding: 10px 0;
}
thead th { font-weight: 400; background: #8a97a0; color: #FFF;
}
tr { background: #f4f7f8; border-bottom: 1px solid #FFF; margin-bottom: 5px;
}
tr:nth-child(even) { background: #e8eeef;
}
th, td { text-align: left; padding: 20px; font-weight: 300;
}
tfoot tr { background: none;
}
tfoot td { padding: 10px 2px; font-size: 0.8em; font-style: italic; color: #8a97a0;
}
Developer | Aaron Cuddeback |
Username | gymratpacks |
Uploaded | November 03, 2022 |
Rating | 3 |
Size | 2,080 Kb |
Views | 20,240 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Float Project | 5,952 Kb |
Booking Form Example | 1,809 Kb |
Gradient, Radius, Box Shadow | 1,663 Kb |
Html forms | 2,900 Kb |
Music Player Card Interface | 4,682 Kb |
3D Transform Gallery | 3,024 Kb |
3D Transitions and Tranforms | 3,418 Kb |
Animating SVG with CSS | 2,867 Kb |
CSS Transforms | 3,753 Kb |
Tribute Page | 2,624 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
A Pen by Bryan | Brydave | 2,286 Kb |
DevCamp 2014 - Denver Public Library | See8ch | 5,033 Kb |
A Pen by tugce | Ecgutcnkr | 4,197 Kb |
Twitch.tv API | Ryzokuken | 2,618 Kb |
Twinkling Stars | Ripley6811 | 2,750 Kb |
LeMandinque | Aadesida | 9,046 Kb |
Website Concept | Sagoza | 3,104 Kb |
Single element checkbox | Ivijaygupta | 1,996 Kb |
Simple CSS loader. | Cabrera | 2,574 Kb |
Countdown with Rings | Ewganoel | 2,490 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!