web前端（1）

最新推荐文章于 2024-07-24 10:40:52 发布

遇鱼语渔

最新推荐文章于 2024-07-24 10:40:52 发布

阅读量64

点赞数

分类专栏： python web 文章标签：前端 servlet java

本文链接：https://blog.csdn.net/weixin_45451576/article/details/126359853

版权

python web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>掩耳盗铃</title>
</head><body>
<h1>掩耳盗铃</h1>
<p>
从前有一个人，看见人家门口有一口大钟，就想把它偷去。可这钟太重，没法背走，他就取来一个铁锤，
想敲碎后一块块偷走。可是还有一个问题，用铁椎砸钟会发出很大的声音，肯定会被人抓做的。
他转念一想：钟一响耳朵就能听见，可是如果把耳朵蒙起来，就什么都听不到了！</p>
</body>
</html>

<!DOCTYPE html>声明为HTML5文档。

<html>元素是HTML页面的根元素。

<head>元素包含了文档的元（meta）数据。例如，<meta charset="utf-8">

定义网页编码格式为utf-8。

<title>元素描述了文档的标题。

<body>元素包含了可见的页面内容。

<h1>元素定义了一个最大标题。

<p>元素定义了一个段落。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"><title>Title</title></head><body>
<table border="1">
<tr>
<td>row 1,cell 1</td>
<td>row 1,cell 2</td>
</tr> 
<tr>
<td>row 2, cell 1</td>
<td>row 2,cell 2</td>
</t>
</table>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h4 style="text-align:center">课程表</h4>
<table border="1" cellpadding="10" width="100%">
    <tr>
        <th colspan="2">时间\日期</th>
        <th>一</th>
        <th>二</th>
        <th>三</th>
        <th>四</th>
        <th>五</th>
    </tr>

    <tr>
        <th rowspan="2">上午</th>
        <th>9:30-10:15</th>
        <th>数学</th>
        <th>英语</th>
        <th>音乐</th>
        <th>体育</th>
        <th>语文</th>
    </tr>

    <tr>
        <th>10:25-11:10</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>音乐</th>
        <th>体育</th>
    </tr>

    <tr>
    <th colspan="7"></th>
    </tr>

    <tr>
        <th rowspan="2">下午</th>
        <th>14:30-15:15</th>
        <th>英语</th>
        <th>音乐</th>
        <th>体育</th>
        <th>语文</th>
        <th>数学</th>
    </tr>

    <tr>
        <th>15:25-16:10</th>
        <th>语文</th>
        <th>英语</th>
        <th>音乐</th>
        <th>体育</th>
        <th>语文</th>
    </tr>
 </table>
</body>
</html>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>有序列表</title> 
</head>
<body>
<h4>编号列表：</h4>
<ol>
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>

<h4>大写字母列表：</h4>
<ol type="A">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>

<h4>罗马数字列表：</h4>
<ol type="I">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>

</body>
</html>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>无序列表</title> 
</head>
<body>
<h4>手机品牌分类：</h4>
<ul>
  <li>小米手机</li>
  <li>华为手机
    <ul>
      <li>华为P30</li>
      <li>华为P40
        <ul>
          <li>8GB+128GB</li>
          <li>8GB+256GB</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>苹果手机</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>自定义列表</title> 
</head>
<body>
<h4>汽车分类：</h4>
<dl>
  <dt>国产汽车</dt>
  <dd>->长城H6</dd>
  <dd>->红旗H9</dd>
  <dt>进口汽车</dt>
  <dd>->特斯拉Model3</dd>
  <dd>->丰田卡罗拉</dd>
</dl>
</body>
</html>