html 图片显示不正确，改用标签文本

Question

我的文本之间有几张图片，其中一张显示不正确，无法弄清楚为什么...（这是#abbey one，第 4 个 ul 列表，第 3 张图片）。这是 HTML 然后使用 jquery.

加载到另一个页面

    <br/>
<h1>Programski jeziki</h1>
    <ul>
        <li><span class="bold">Java: </span>Opravljen izpit Osnove Programiranja kot del poklicnega tečaja Tehnik Računalništva, učenje na lastno pest.</li>
    </ul>
<h1>Spletno oblikovanje</h1>
    <ul>    
        <li><span class="bold">HTML, CSS: </span>Opravljen izpit Načrtovanje in razvoj spletnih aplikacij kot del poklicnega tečaja Tehnik Računalništva, opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>.</li>               
        <li><span class="bold">PHP: </span>opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>, ki zajema variables, arrays, functions, classes, loops.</li>
        <li><span class="bold">Javascript: </span>opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>, učenje na lastno pest
        <li><span class="bold">Jquery: </span>osnovno poznavanje uporabe ter načina dela, učenje ob uporabi ter na spletni strani <a href=www.codeacademy.com>codeacademy</a>.  
    </ul>
<h1>Ostala računalniška znanja</h1>
    <ul>               
        <li>programi MS Office (Word, Excel, PowerPoint)</li>
        <li>poizvedbe po podatkovni bazi (mySQL)</li>                                       
    </ul>
<h1>Drugo</h1>
    <ul>
        <li><span class="bold">Retorika, moderatorika in argumentacija</span><br/>Član mednarodne debatne ekipe 4 leta v gimnaziji.</li>
        <img class="thumbnail" id="cicero" src="images/cicero_thumbnail.jpg" alt="p" />
        <img class="thumbnail" id ="pokal" src="images/pokal_thumbnail.jpg" alt="p" />    
        img class="thumbnail" id="idea" src="images/idea_thumbnail.jpg" alt="p" />                                
        <li><span class="bold">Komunikacija s strankami</span><br/>študentsko delo: anketiranje(klicni center+v živo)</li>                                
        <li><span class="bold">Tuji jeziki:</span>
        angleščina: dodatno učenje angleškega jezika od začetka osnovne šole, obiskovanje poletnih taborov (Bohinj, Anglija)        
        <img class="thumbnail" id ="abbey" src="images/abbey_thumbnail.jpg" alt="p" />
        <a>francoščina: učenje francoščine kot drugi tuji jezik v gimnaziji (4 leta)</a>
        </li>                 
        <li><span class="bold">Vozniški izpit B kategorije</span></li>
    </ul>

<script>
    $(".thumbnail").hover( function() {
      $(this).fadeTo(500, 1);
      },
      function() {
      $(this).fadeTo(1000, 0.5);
    });
    $("#cicero").on("click",function(){
         window.open('images/cicero.jpg','_blank');
     });
     $("#pokal").on("click",function(){
         window.open('images/pokal.jpg','_blank');
     });
     $("#idea").on("click",function(){
         window.open('images/idea.jpg','_blank');
     });
     $("#abbey").on("click",function(){
         window.open('images/abbey.jpg','_blank');
     });
</script>

Answer 1

您的第三个 img 标签缺少起始 < 字符。

像这样更改您的第 4 个 UL：

 <ul>
    <li><span class="bold">Retorika, moderatorika in argumentacija</span><br/>Član mednarodne debatne ekipe 4 leta v gimnaziji.</li>
    <img class="thumbnail" id="cicero" src="images/cicero_thumbnail.jpg" alt="p" />
    <img class="thumbnail" id ="pokal" src="images/pokal_thumbnail.jpg" alt="p" />    
    <img class="thumbnail" id="idea" src="images/idea_thumbnail.jpg" alt="p" />                                
    <li><span class="bold">Komunikacija s strankami</span><br/>študentsko delo: anketiranje(klicni center+v živo)</li>                                
    <li><span class="bold">Tuji jeziki:</span>
    angleščina: dodatno učenje angleškega jezika od začetka osnovne šole, obiskovanje poletnih taborov (Bohinj, Anglija)        
    <img class="thumbnail" id ="abbey" src="images/abbey_thumbnail.jpg" alt="p" />
    <a>francoščina: učenje francoščine kot drugi tuji jezik v gimnaziji (4 leta)</a>
    </li>                 
    <li><span class="bold">Vozniški izpit B kategorije</span></li>
</ul>

html 图片显示不正确，改用标签文本

html image not displaying properly, puts tag text instead

html

image