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

Question

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

<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。

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

标签： javascripthtmlcssfirefox

Answer 1

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

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

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

<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">以使空白正确显示。）