如何強調HTML有序列表中的文本？

Question

我正在嘗試解決testdome.com上的單元測試>我的HTML代碼失敗的原因。 輸出似乎沒問題。

任務的網址： https : //www.testdome.com/Questions/HtmlCss/Inspector/6932?testId=13&testDifficulty=Easy

我收到消息：列表和圖像：錯誤。

<ol>
    <li><em><a href="#logo">Company's logo</a></em></li>
    <li><a href="#employees">List of employees</a></li>
</ol>

<ul>
    <li>New logo:</li>
    <img src="new_logo.gif" />
    <li>Old logo:</li>
    <img src="old_logo.gif" />
</ul>

Answer 1

忽略img標簽的結尾斜線並添加alt標簽。 同樣，將img標簽封裝在li標簽內（這樣，您將有2個列表項而不是4個列表項-下方帶有圖像的名稱是當前編碼方式）。 那你應該沒事。

樣品：

<ol>
  <li><em><a href="#logo">Company's logo</a></em></li>
  <li><a href="#employees">List of employees</a></li>
</ol>

<ul>
  <li>New logo:<img src="new_logo.gif" alt="new logo"></li>
  <li>Old logo:<img src="old_logo.gif" alt="old logo"></li>
</ul>