如何在网页上显示HTML代码?

为了在网页上显示HTML代码,您需要去除HTML代码中每个标签的开始标签<和结束标签> 符号。

<字符替换为&lt;
>字符替换为&gt;

示例代码

<!DOCTYPE HTML>
<html>
    <head>
        <link rel="stylesheet" href="index.css">
        <link href="style.css" rel="stylesheet">
     <link href="grid.css" rel="stylesheet">
    </head>
    <body>
    
    </body>
</html>

显示代码

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;link rel="stylesheet" href="index.css"&gt;
        &lt;link href="style.css" rel="stylesheet"&gt;
     &lt;link href="grid.css" rel="stylesheet"&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;/body&gt;
&lt;/html&gt;

现在将代码封装在预标签或代码标签中。

如果代码已经预格式化,则将代码放在其中:

<pre>...........</pre>

或者,如果代码没有格式化,首先将其放在代码标记中,然后用pre标记将其括起来。

<code><pre> ...... </pre> </code>

为了在网页中显示HTML代码,您需要将代码包装在一个前置标签中,这样在浏览器中,您只能看到除前置标签之外的代码。例如,如果您想在网页中显示此代码:

<div class="container">
    <h2>The title goes here</h2>
    <p>This is a sample paragraph below the title</p>
</div>

然后您需要在您的HTML/核心文件中添加这样的代码:

<pre>
    <div class="container">
        <h2>The title goes here</h2>
        <p>This is a sample paragraph below the title</p>
    </div>
</pre>

另外,如果你想在网页中看到(而不是显示)HTML代码,那么你可以使用浏览器的开发工具。

发表评论

电子邮件地址不会被公开。 必填项已用*标注