数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会学
时尚研究
法律研究如何用 HTML 创建表头？
要在 HTML 中创建表头，请使用 <th>…</th> 标记。表头标记被表格行包裹，即<tr>…</tr>。<tr> 标记被 <table> 标记包裹。一个表格由行和列组成，这些行和列可以使用一个或多个 <tr>、<th> 和 <td> 元素来设置。使用样式属性来添加 CSS 属性以向表格中添加边框。
表行由 <tr> 标记定义。要创建表头，请使用 <th> 标记。只要记住，一个表格中只能有一个标题。
语法
以下是使用 HTML 创建表头的语法。
<table> <tr> <th> Name</th> <th>RollNo</th> </tr> </table>
示例
以下示例程序在 HTML 中创建表头。
<!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; } </style> <body> <h2>Tables in HTML</h2> <table> <tr> <th>Name</th> <th>RollNo</th> </tr> <tr> <td>Jason</td> <td>28</td> </tr> </table> </body> </html>
现在我们尝试扩展表格中的表头。
示例
以下示例程序扩展了表头。
<!DOCTYPE html> <html> <style> table, th, td { border:2px solid black; } </style> <body> <h2>Tables in HTML</h2> <table> <tr> <th>Employee Name</th> <th>Employee Id</th> <th>Email</th> <th>Address</th> <th>Mobile Numbeer</th> <th>Employee Dept</th> </tr> <tr> <td>Jason</td> <td>28</td> <td>Jason@gmail.com</td> <td>Ecil</td> <td>7674897385</td> <td>Content Developer</td> </tr> </table> </body> </html>
示例
以下还有另一个在 HTML 中创建表格的示例程序。
<!DOCTYPE html> <html> <head> <title>How to create table heading in HTML?</title> <style> table, th, td { border: 0.5px solid green; } </style> </head> <body> <h2>How to create table heading in HTML?</h2> <p>We can create table heading by using <b>th(table heading)</b> tag</p> <table> <caption>Employee login time...</caption> <th></th> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> <th>Saturday</th> <th>Sunday</th> <tr> <th>Nikhil</th> <td>9:00 AM</td> <td>9:10 AM</td> <td>9:05 AM</td> <td>10:00 AM</td> <td>9:30 AM</td> <td>Week off</td> <td>Week off</td> </tr> <tr> <th>Prudhvi</th> <td>9:10 AM</td> <td>9:00 AM</td> <td>9:05 AM</td> <td>10:20 AM</td> <td>9:30 AM</td> <td>Week off</td> <td>Week off</td> </tr> <tr> <th>Krishna</th> <td>Leave</td> <td>Leave</td> <td>Leave</td> <td>Leave</td> <td>10:30 AM</td> <td>Week off</td> <td>Week off</td> </tr> </table> </body> </html>
更新于：2022 年 11 月 18 日
9000+ 浏览
广告