8、表格标签

8、表格标签

一、为什么使用表格

  1. 简单通用
  2. 结构稳定

二、基本结构

(一)单元格

(二)行

行的英语是rows所以,行就用tr表示

(三)列

使用td表示

(四)跨行

(五)跨列

表格标签就是table标签,其中border属性是添加边框

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习title>
head>
<body>

<table border="1px">
    <tr>
        
        <td colspan="4">1-1td>
    tr>
    <tr>
        <td rowspan="2">2-1td>
        <td>2-2td>
        <td>2-3td>
        <td>2-4td>
    tr>
    <tr>
        <td>3-1td>
        <td>3-2td>
        <td>3-3td>
        
    tr>
table>
body>
html>

示例

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试title>
head>
<body>
<table border="1px">
  <tr>
      <td colspan="3">学生成绩td>
  tr>
  <tr>
      <td rowspan="2">张老师td>
      <td>数学td>
      <td>93分td>
  tr>
  <tr>
      <td>语文td>
      <td>90分td>
  tr>
  <tr>
      <td rowspan="2">王老师td>
      <td>美术td>
      <td>95分td>
  tr>
  <tr>
      <td>书法td>
      <td>97分td>
  tr>
table>
body>
html>

你可能感兴趣的:(HTML,html)