CodeLab
Tutorials For Everyone
Run
Learn HTML
<!Doctype HTML> <html> <head> <title>HTML Tables</title> <style> table{ font-size: 14px; text-align: justify; } table thead{ font-weight: 900; background: #3a3c59; color: #fff; } table tbody tr td:hover{ background: #f7f7f4; } table{ border: 1px solid #999; width: 100%; border-collapse: collapse; } table tr td{ padding: 5px; padding-left: 10px; padding-right: 10px; } table td{ border: 1px solid #ddd; } </style> </head> <body> <h2>Tables</h2> <p>Below is a sample table.</p> <table> <thead> <tr> <td>Customer</td> <td>Products</td> <td>Bill</td> </tr> </thead> <tbody> <tr> <td>John</td> <td>3</td> <td>240$</td> </tr> <tr> <td>Veronika</td> <td>13</td> <td>1230$</td> </tr> <tr> <td>Alfred</td> <td>5</td> <td>450$</td> </tr> <tr> <td>Max</td> <td>19</td> <td>980$</td> </tr> <tr> <td>Charlotte</td> <td>5</td> <td>90$</td> </tr> <tr> <td>Ketti</td> <td>17</td> <td>190$</td> </tr> </tbody> </table> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console