Проблема загрузки изображения в браузер при использовании тега

Развернул приложение локально в томкат, при мапинге /book сначала должно показать изображение, использовал тег img само изображение наxодится в папке webapp/images

@WebServlet("/book")
    @Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws IOException, ServletException {
    resp.setStatus(200);
    resp.setContentType("text/html");
    PrintWriter out = resp.getWriter();
    if (req.getParameter("id") == null) {
        try {
            List<BookDto> bookDtos = new ArrayList<>(SERVICE_BOOK_AppAll.getAllBooksDto());
            if (!bookDtos.isEmpty()) {
                out.write("<img src=" + "images/emblem.jpg" + ">");
                out.write("<style>" + " h1 { \n" +
                        "    font-size: 36px;\n" +
                        "    font-family: Verdana, Arial, Helvetica, sans-serif;\n" +
                        "    color:red;\n" +
                        "    text-align: center;\n" +
                        "   }" + "</style>");

                out.write("<h1>Books</h1>");

                out.write("<style>" + " a { \n" +
                        "    font-size: 24px;\n" +
                        "    color: #696969;\n" +
                        "    text-align: center;\n" +
                        "   }" + "</style>");
                for (BookDto bDto : bookDtos) {
                    out.write("<a href=" + "http://localhost:8010/bookstore/book?id=" + bDto.getId() + ">" + bDto.getTitle() + "<br></a>");
                }
            }
        } catch (Exception e) {
            resp.sendError(404, "not connect with db");

        }
    }

в итоге