Question

我正在尝试创建一个2x2表，以便布局是“任务声明”和“图片UMES”在一行然后“2017”和无序列表在第二行但似乎无法弄明白，它都显示为一个列表。

<!DOCTYPE html>
<html>

<head>
  <style type="text/css">
    h1 {
      background-color: gray;
      color: black;
      font-family: Verdana
    }
    
    h2 {
      color: gray;
      font-family: Verdana
    }
    
    h3 {
      font-family: Verdana
    }
    
    table {
      background-color: white
    }
    
    th {
      background-color: black;
      color: white;
      font-size: smaller
    }
    
    td {
      background-color: gray;
      font-size: smaller
    }
    
    body {
      font-family: Arial;
      color: black;
      background-color: white
    }
    
    address {
      font-family: "Courier New", monospace;
      font-size: larger
    }
  </style>
</head>

<body>
  <h1>University of Maryland Eastern Shore </h1>
  <table>
    <tr width="100%">
      <h2> UMES Mission Statement </h2>
      <th> Picture UMES </th>
    </tr>
    <tr>

      <body> 2017 </body>
      <td>
        <ul>
          <li> Picture of <a href="hawk_mascot.jpg"> our mascot </a> </li>
          <li> Picture of <a href="UMES_Campus.jpg"> our campus </a> </li>
        </ul>
      </td>
    </tr>
  </table>
</body>

</html>

Answer 1

我希望它能满足您的要求

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<table border="1">
    <tr>
        <th>Mission Statement</th>
        <th>Picture UMES</th>
    </tr>
    <tr>
        <td>2017</td>
        <td>
        <ul>
            <li>item 1</li>
            <li>item 2</li>
            <li>item 3</li>
        </ul>
        </td>

    </tr>
</table>

</body>
</html>

包含标题，表格标题，正文标记和表格数据标记的HTML表格

1 个答案: