网站在 PC 上显示为部分文本和部分 html

Question

我在网上搜索C程序时，我登陆了这个program：

<span style='color:#004a43'>#</span><span style='color:#004a43'>include</span><span style='color:#800000'>&lt;</span><span style='color:#40015a'>stdio.h</span><span style='color:#800000'>&gt;</span>

<span style='color:#200080;font-weight:bold'>void</span> areaperi <span style='color:#308080'>(</span> <span style='color:#200080;font-weight:bold'>int</span> r<span style='color:#308080'>,</span> <span style='color:#200080;font-weight:bold'>float</span> <span style='color:#308080'>*</span>a<span style='color:#308080'>,</span> <span style='color:#200080;font-weight:bold'>float</span> <span style='color:#308080'>*</span>p <span style='color:#308080'>)</span>
<span style='color:#406080'>{</span>
<span style='color:#308080'>*</span>a <span style='color:#308080'>=</span> <span style='color:#008000'>3.14</span> <span style='color:#308080'>*</span> r <span style='color:#308080'>*</span> r <span style='color:#406080'>;</span>
<span style='color:#308080'>*</span>p <span style='color:#308080'>=</span> <span style='color:#008c00'>2</span> <span style='color:#308080'>*</span> <span style='color:#008000'>3.14</span> <span style='color:#308080'>*</span> r <span style='color:#406080'>;</span>
<span style='color:#406080'>}</span>

<span style='color:#200080;font-weight:bold'>void</span> <span style='color:#400000'>main</span><span style='color:#308080'>(</span> <span style='color:#308080'>)</span>
<span style='color:#406080'>{</span>
<span style='color:#200080;font-weight:bold'>int</span> radius <span style='color:#406080'>;</span>
<span style='color:#200080;font-weight:bold'>float</span> area<span style='color:#308080'>,</span> perimeter <span style='color:#406080'>;</span>

<span style='color:#003060'>printf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#0f69ff'>n</span><span style='color:#1060b6'>Enter radius of a circle </span><span style='color:#800000'>"</span> <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>
<span style='color:#003060'>scanf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#0f69ff'>%d</span><span style='color:#800000'>"</span><span style='color:#308080'>,</span> <span style='color:#308080'>&amp;</span>radius <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>

areaperi <span style='color:#308080'>(</span> radius<span style='color:#308080'>,</span> <span style='color:#308080'>&amp;</span>area<span style='color:#308080'>,</span> <span style='color:#308080'>&amp;</span>perimeter <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>

<span style='color:#003060'>printf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#1060b6'>Area = </span><span style='color:#0f69ff'>%f</span><span style='color:#800000'>"</span><span style='color:#308080'>,</span> area <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>
<span style='color:#003060'>printf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#0f69ff'>n</span><span style='color:#1060b6'>Perimeter = </span><span style='color:#0f69ff'>%f</span><span style='color:#800000'>"</span><span style='color:#308080'>,</span> perimeter <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>
<span style='color:#406080'>}</span>

我在手机上打开它，它可以正常打开，但它在我的电脑上显示部分文本和部分 html。

我想知道为什么会这样。提前致谢。

Answer 1

那个“c4learn.com”网站坏了，我也看不到它在手机上运行。

他们打算发布 C 程序的语法高亮列表，但他们却发布了 HTML 源代码 用于语法高亮列表。

要查看 C 程序，您需要“运行”HTML 源代码。您可以通过将其保存到 HTML 文件并在浏览器中打开该文件，或使用其中一种在线 HTML/CSS/JS 编辑器来执行此操作，例如 StackOverflow 上提供的编辑器（单击“运行代码 sn-p”按钮下面）：

<div style="white-space: pre">
<span style='color:#004a43'>#</span><span style='color:#004a43'>include</span><span style='color:#800000'>&lt;</span><span style='color:#40015a'>stdio.h</span><span style='color:#800000'>&gt;</span>

<span style='color:#200080;font-weight:bold'>void</span> areaperi <span style='color:#308080'>(</span> <span style='color:#200080;font-weight:bold'>int</span> r<span style='color:#308080'>,</span> <span style='color:#200080;font-weight:bold'>float</span> <span style='color:#308080'>*</span>a<span style='color:#308080'>,</span> <span style='color:#200080;font-weight:bold'>float</span> <span style='color:#308080'>*</span>p <span style='color:#308080'>)</span>
<span style='color:#406080'>{</span>
<span style='color:#308080'>*</span>a <span style='color:#308080'>=</span> <span style='color:#008000'>3.14</span> <span style='color:#308080'>*</span> r <span style='color:#308080'>*</span> r <span style='color:#406080'>;</span>
<span style='color:#308080'>*</span>p <span style='color:#308080'>=</span> <span style='color:#008c00'>2</span> <span style='color:#308080'>*</span> <span style='color:#008000'>3.14</span> <span style='color:#308080'>*</span> r <span style='color:#406080'>;</span>
<span style='color:#406080'>}</span>

<span style='color:#200080;font-weight:bold'>void</span> <span style='color:#400000'>main</span><span style='color:#308080'>(</span> <span style='color:#308080'>)</span>
<span style='color:#406080'>{</span>
<span style='color:#200080;font-weight:bold'>int</span> radius <span style='color:#406080'>;</span>
<span style='color:#200080;font-weight:bold'>float</span> area<span style='color:#308080'>,</span> perimeter <span style='color:#406080'>;</span>

<span style='color:#003060'>printf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#0f69ff'>n</span><span style='color:#1060b6'>Enter radius of a circle </span><span style='color:#800000'>"</span> <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>
<span style='color:#003060'>scanf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#0f69ff'>%d</span><span style='color:#800000'>"</span><span style='color:#308080'>,</span> <span style='color:#308080'>&amp;</span>radius <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>

areaperi <span style='color:#308080'>(</span> radius<span style='color:#308080'>,</span> <span style='color:#308080'>&amp;</span>area<span style='color:#308080'>,</span> <span style='color:#308080'>&amp;</span>perimeter <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>

<span style='color:#003060'>printf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#1060b6'>Area = </span><span style='color:#0f69ff'>%f</span><span style='color:#800000'>"</span><span style='color:#308080'>,</span> area <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>
<span style='color:#003060'>printf</span> <span style='color:#308080'>(</span> <span style='color:#800000'>"</span><span style='color:#0f69ff'>n</span><span style='color:#1060b6'>Perimeter = </span><span style='color:#0f69ff'>%f</span><span style='color:#800000'>"</span><span style='color:#308080'>,</span> perimeter <span style='color:#308080'>)</span> <span style='color:#406080'>;</span>
<span style='color:#406080'>}</span>
</div>

（请注意，我将代码包装在<div style="white-space: pre"> 中以使空白正确显示。）