我们也可以指定页面上的一个锚点进行滚动：
<body> <a href="#test">跳转锚点</a> <img src="http://www.likecs.com/image.jpeg"> <img src="http://www.likecs.com/image.jpeg"> <img src="http://www.likecs.com/image.jpeg"> <img src="http://www.likecs.com/image.jpeg"> <div>我是锚点</div> <img src="http://www.likecs.com/image.jpeg"> <img src="http://www.likecs.com/image.jpeg"> <img src="http://www.likecs.com/image.jpeg"> </body>每个元素都可以有一个id属性，我们只需要给元素添加一个id属性，就使用a标签可以跳转到一个指定锚点。
我们接着来看看列表元素，这是一个无需列表，其中每一个li表示一个列表项：
<ul> <li>一号选项</li> <li>二号选项</li> <li>三号选项</li> <li>四号选项</li> <li>五号选项</li> </ul>我们也可以使用ol来显示一个有序列表：
<ol> <li>一号选项</li> <li>二号选项</li> <li>三号选项</li> <li>四号选项</li> <li>五号选项</li> </ol>表格也是很重要的一种元素，但是它编写起来相对有一点麻烦：
<table> <thead> <tr> <th>学号</th> <th>姓名</th> <th>性别</th> <th>年级</th> </tr> </thead> <tbody> <tr> <td>0001</td> <td>小明</td> <td>男</td> <td>2019</td> </tr> <tr> <td>0002</td> <td>小红</td> <td>女</td> <td>2020</td> </tr> </tbody> </table>虽然这样生成了一个表格，但是这个表格并没有分割线，并且格式也不符合我们想要的样式，那么如何才能修改这些基础属性的样式呢，我们就需要聊聊CSS了。
HTML表单表单就像其名字一样，用户在页面中填写了对应的内容，点击按钮就可以提交到后台，比如登陆界面，就可以使用表单来实现：
一个网页中最重要的当属输入框和按钮了，那么我们来看看如何创建一个输入框和按钮：
<label> 我是输入框 <input type="text"> </label>对于一个输入框，我们一般会将其包括在一个lable标签中，它和span效果一样，但是我们点击前面文字也能快速获取输入框焦点。
<body> <div>登陆我们的网站</div> <hr> <div> <label> 账号： <input type="text"> </label> </div> <div> <label> 密码： <input type="password"> </label> </div> </body>输入框可以有很多类型，我们来试试看password，现在输入内容就不会直接展示原文了。
创建一个按钮有以下几种方式，在学习JavaWeb时，我们更推荐第二种方式，我们后面进行登陆操作需要配合表单使用：
<button>登陆</button> <input type="submit" value="登陆"> <input type="button" value="登陆">现在我们就可以写一个大致的登陆页面了：
<body> <h1>登陆我们的网站</h1> <form> <div> <label> 账号： <input type="text" placeholder="Username..."> </label> </div> <div> <label> 密码： <input type="password" placeholder="Password..."> </label> </div> <br> <a href="http://www.baidu.com">忘记密码</a> <br> <br> <div> <input type="submit" value="登陆"> </div> </form> </body>表单一般使用form标签将其囊括，但是现在我们还用不到表单提交，因此之后我们再来讲解表单的提交。
input只能实现单行文本，那么如何实现多行文本呢？
<label> 这是我们的文本框<br> <textarea placeholder="文本内容..." cols="10" rows="10"></textarea> </label>我们还可以指定默认的行数和列数，拖动左下角可以自定义文本框的大小。
我们还可以在页面中添加勾选框：
<label> <input type="checkbox"> 我同意本网站的隐私政策 </label>上面演示的是一个多选框，那么我们来看看单选框：
<label> <input type="radio"> 学生 </label> <label> <input type="radio"> 教师 </label>这里需要使用name属性进行分组，同一个组内的选项只能选择一个。
我们也可以添加列表让用户进行选择，创建一个下拉列表：
<label> 登陆身份： <select> <option>学生</option> <option>教师</option> </select> </label>默认选取的是第一个选项，我们可以通过selected属性来决定默认使用的是哪个选项。
当然，HTML的元素远不止我们所提到的这些，有关更多HTML元素的内容，可以自行了解。
CSS样式