web常用元素

0A2E0887-344B-4D4E-B087-FD8951147BC9.png
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="">

  <style>
    table {
      border-collapse: collapse;
      /*border-spacing: 20px;*/

    }
    td {
      border: 1px solid red;

    }
    img {
      width: 100px;
      width: 100px;

    }
    /*伪类*/
    td:hover {
      background-color: #1c8de0;

    }

  </style>
</head>
<body>

<h1>标题</h1>
<p>段落 字符实体 &lt;</p>
![](2222.png)
<!--无序列表-->
<ul>
  <li>春</li>
  <li>夏</li>
  <li>秋</li>
  <li>冬</li>
</ul>
<!--有序列表-->
<ol>
  <li>春</li>
  <li>夏</li>
  <li>秋</li>
  <li>冬</li>
</ol>

<!-- 整齐的表格-->
<table>
  <tr>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>
  </tr>
  <tr>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>
    <td rowspan="2">表格</td>
  </tr>
  <tr>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>
    <td>表格</td>

  </tr>
  <tr>
    <td colspan="5">a</td>
  </tr>
</table>


<a href="http://www.baidu.com" target="_blank">百度</a>




</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容