HTML基础操作：图片显示

景图片

本例演示如何向 HTML 页面添加背景图片。

<html>

<p>gif 和 jpg 文件均可用作 HTML 背景。</p>

<p>如果图像小于页面，图像会进行重复。</p>

</body>

</html>

HTML基础操作：图片显示

常在razor文件中，如果这样写：

<div>
@content
</div>
@code
{
string content = "<h1>hello world</h1>";
}

你将得到的是：

但是你的本意是要让它正常的渲染html，要怎么来实现呢？

<div>
@((MarkupString)(@content)
</div>
@code
{
string content = "<h1>hello world</h1>";
}

@((MarkupString)(@content) 这样就告诉blazor，要用html格式进行渲染。

这样就正常了。

在 HTML 中，某些字符是预留的。

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

字符实体类似这样：

&entity_name;
或者
entity_number;

如需显示小于号，我们必须这样写：< 或 <

提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。

HTML基础教程：浏览器中符号是怎么显示出来的

不间断空格（non-breaking space）

HTML 中的常用字符实体是不间断空格( )。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用字符实体。

实例

<html>
<body>
<h2>字符实体</h2>
<p>&x;</p>
<p>用实体数字（比如"divide"）或者实体名称（比如 "#247"）替代 "X"，然后查看结果。</p>
</body>
</html>

HTML基础教程：浏览器中符号是怎么显示出来的

希望以上可以解决你们心中的一些疑惑，其中可能会有不对的地方或是需要改进的地方，欢迎留言纠正。感觉还不错欢迎关注收藏转载哦

*请认真填写需求信息，我们会在24小时内与您取得联系。