search

博客列表 >html基础:标签与段落,列表,表格,表单

html基础:标签与段落,列表,表格,表单

zl的php学习博客
zl的php学习博客原创
2021年01月27日 15:52:37548浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport"
  7.           content="width=device-width, initial-scale=1.0">
  8.     <title>TEST</title>
  9. </head>
  11. <body style="display: grid;">
  12.     <h1>2. 将课堂上提及的所有标签全部按自己理解写一遍并提交到作业中</h1>
  13.     <a href="http://www.baidu.com"
  14.        target="_self">跳转百度本页面</a>
  15.     <a href="http://www.baidu.com"
  16.        target="_blank">跳转百度新页面</a>
  17.     <a href="http://www.baidu.com"
  18.        target="iframe">跳转百度iframe</a>
  20.     <iframe srcdoc="这是一个iframe页面"
  21.             name="iframe">安定</iframe>
  22.     <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3703090003,2973332965&fm=26&gp=0.jpg"
  23.          alt="这是一张网络图片" />
  25.     <h1>预习：</h1>
  26.     <h2>列表</h2>
  27.     <ul style="background-color: aqua;">
  28.         <li>无须</li>
  29.         <li>列表</li>
  30.         <li>常用(me)</li>
  31.     </ul>
  32.     <ol style="background-color:aquamarine;">
  33.         <li>有序</li>
  34.         <li>列表</li>
  35.     </ol>
  36.     <h2>表格</h2>
  37.     <table border="1">
  38.         <tr>
  39.             <th>name</th>
  40.             <th>age</th>
  41.             <th>sex</th>
  42.         </tr>
  43.         <tr>
  44.             <td>张三</td>
  45.             <td>男</td>
  46.             <td>18</td>
  47.         </tr>
  48.         <tr>
  49.             <td>李四</td>
  50.             <td>女</td>
  51.             <td>20</td>
  52.         </tr>
  53.         <tr>
  54.             <td>王二</td>
  55.             <td>男</td>
  56.             <td>18</td>
  57.         </tr>
  58.     </table>
  59.     <h2>表单</h2>
  60.     <form action="#"
  61.           method="get">
  62.         姓名:<input type="text"
  63.                name="text"
  64.                value="张三"><br />
  65.         年龄:<input type="number"
  66.                name="number"
  67.                value="18"><br />
  68.         性别:<input type="text"
  69.                name="text"
  70.                value="男"><br />
  71.         <input type="submit"
  72.                value="注册">
  73.     </form>
  74.     <a href="#footer">跳转页脚</a>
  76.     <div style="margin-top: 2000px;"
  77.          id="footer">我是页脚</div>
  78.     <a href="#">跳转页头</a>
  79. </body>
  81. </html>
上一条：PHP变量数据类型，变量和常量的定义以及数据类型的检测下一条：js 急速入门之六（classList，dataset对象，选项卡，一键换肤，图片懒加载，简易轮播图）
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多