Question

我必须在我的网页上显示一些HTML内容，我的目标之一是＃34;解释如何制作表格＃34;。所以我有一个像这样的div

<div class="maind">
 contetn
</div>

类maind具有我需要的所有css属性。顺便说一句，我必须在div中显示表的HTML代码。我怎么能这样做？

enter image description here

正如你在这里看到的，左边是我的结果。在右边那里是我想要做的。你有什么想法吗？

Answer 1

您必须转义HTML字符，以便浏览器不会呈现它们。

&lt;table border="1" &gt;
    &lt;tr%gt;
    etc...
    &lt;/tr&gt;
&lt;/table&gt;

<将呈现为<，>将呈现为>。

实际上，在最后仍使用<字符时，您只能使用>来逃避，例如<table>。

Answer 2

如果您还希望对代码进行着色，则可以使用语法高亮库。我可以推荐你两个库：

Highlight.js：是一个非常易于使用的Javascript库。您几乎只需要在HTML中包含此库。 Here您可以看到基本用法。
Pygments：一个Python库（由Github使用）。它更受欢迎，但您必须在将代码插入HTML代码之前编译代码。

Answer 3

如果要将样式应用于html元素，则必须首先为其指定样式属性：

<table style="......">
   .......
</table>

在该样式属性中，您可以给出您的身高和宽度以及您可能需要的任何其他属性。

Demo here

所以在这种情况下，如果你想创建一个表，那就是结构：

<table border="1" style="width:300px">
<tr>
  <td>Jill</td>
  <td>Smith</td>        
  <td>50</td>
</tr>
<tr>
  <td>Eve</td>
  <td>Jackson</td>      
  <td>94</td>
</tr>
<tr>
  <td>John</td>
  <td>Doe</td>      
  <td>80</td>
</tr>
</table>

如您所见，您必须先提供style属性。

Demo for table

Answer 4

使用此HTML编码器网络应用：http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/encode.aspx

在div上生成并输出输出代码。：d

div中的HTML代码

4 个答案: