为了在网页上显示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>
显示代码
<!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>
现在将代码封装在预标签或代码标签中。
如果代码已经预格式化,则将代码放在其中:
<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代码,那么你可以使用浏览器的开发工具。
