首先看到第一张,上半部分一个提交对话框,下面一个列表,通过“添加图书”这个按钮将两部分链接在一起。
首先是上半部分:
<label>请输入书名:</label> <input type="text">
<p><button>添加图书</button> 当前有<span>3</span>本书</p>
这里虽然明显看就是一个表单,但是我没有写form,应为没有实际的页面与WEB服务器交互过程,但是在实际开发中应该是要写进去,这样比较专业;
然后是下半部分,有点基础的应该可以看出使用ul li写的,其实也可以用<div>
,这里还是专业问题,虽然用<div>
可以实现同