如何将子文件夹中的图像插入主题目录？

我有以下情况：在我的自定义主题目录中，我有以下文件夹，其中包含jpg 图片：/assets/img/flexslider/flex-1.jpg

现在在我的header.php 文件，我有这样的东西：

<li>
  <img src="assets/img/flexslider/flex-1.jpg">
  <div class="flex-caption">
    <p class="flex-caption-text">
      <span>Lorem ipsum</span><br>
      <span>sit dolor</span><br>
      <span>adipiscing elitur</span>
    </p>
  </div>
</li>

显然，当我加载页面时，图像flex-1.jpg 没有加载，因为没有正确的路径（事实上，使用FireBug我获得它尝试加载assets/img/flexslider/flex-1.jpg 所以我想我可以使用绝对路径，但这太可怕了！

所以我想用get_template_directory_uri() WordPress提供的函数来实现这一点，我尝试以这种方式更改以前的代码：

<li>
  <img src=<?php get_template_directory_uri().\'/assets/img/flexslider/flex-1.jpg\' ?>>
  <div class="flex-caption">
    <p class="flex-caption-text">
      <span>Lorem ipsum</span><br>
      <span>sit dolor</span><br>
      <span>adipiscing elitur</span>
    </p>
  </div>
</li>

但它不工作，使用FireBug时，我可以看到它没有加载任何内容，事实上，在我的浏览器源代码中，我有：

<img src="">

我错过了什么？

img<src=<?php echo get_template_directory_uri()."/assets/img/flexslider/flex-1.jpg"?> alt="alternative_name">

<img src="<?php bloginfo(\'template_url\'); ?>/assets/img/flexslider/flex-1.jpg"/>

$custom_logo_id = get_theme_mod( \'custom_logo\' );
$image = wp_get_attachment_image_src( $custom_logo_id , \'full\' );
echo \'<img src=$image[0] height="100px" />\';