HTML标签

1.div+css制作导航下拉菜单

<form>
<select name="">
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
</form>

或使用ul、li标签

<div id="menu">
    <ul>
        <li><a herf="#">一级导航</a>
            <ul>
                <li><a herf="#">二级导航列表1</a></li>
                <li><a herf="#">二级导航列表2</a></li>
                <li><a herf="#">二级导航列表3</a></li>
            </ul>
        </li>
    </ul>
</div>

2.进度条

<progress value="22" max="100">
</progress>

3.table标签

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

4.input输入框

<form>
提示名：<input type="text" value="提示值">
</form>

5.如何让hight:100%起作用

想让一个元素的百分比高度height: 100%;起作用，你需要给这个元素的所有父元素的高度设定一个有效值

在使用height: 100%;时需要注意的一些事项

1、Margins 和 padding 会让你的页面出现滚动条，也许这是你不希望的。

2、如果你的元素实际高度大于你设定的百分比高度，那元素的高度会自动扩展。